<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<HTML expr:dir='data:blog.languageDirection' xmlns:fb='http://ogp.me/ns/fb#'>
  <head>
    <b:include data='blog' name='all-head-content'/>
	<meta content='width=device-width, initial-scale=1, maximum-scale=1' name='viewport'/>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<title><data:blog.pageTitle/></title>
<b:else/>
<title><data:blog.pageName/></title>
</b:if>
<!-- meta description -->
<meta expr:content='data:blog.metaDescription' name='description'/>

<link href='http://fonts.googleapis.com/css?family=Bitter%7CBitter%7CDroid+Sans%7CDroid+Sans%7CPT+Sans+Narrow' rel='stylesheet'/>
    <b:skin><![CDATA[/*
-----------------------------------------------
Blogger Template Style
Name:    TheNextPicture
Date:     28 Feb 2013
Updated by: FrontEndLab/TheNextPicture
URL1: http://www.frontendlab.net
URL2: http://www.thenextpicture.net
----------------------------------------------- */
/* Variable definitions
====================
<Variable name="bgcolor" description="Page Background Color"
type="color" default="#fff" value="#777777">
<Variable name="textcolor" description="Text Color"
type="color" default="#333" value="#333333">
<Variable name="linkcolor" description="Link Color"
type="color" default="#58a" value="#5588aa">
<Variable name="pagetitlecolor" description="Blog Title Color"
type="color" default="#666" value="#666666">
<Variable name="descriptioncolor" description="Blog Description Color"
type="color" default="#999" value="#999999">
<Variable name="titlecolor" description="Post Title Color"
type="color" default="#c60" value="#cc6600">
<Variable name="bordercolor" description="Border Color"
type="color" default="#ccc" value="#cccccc">
<Variable name="sidebarcolor" description="Sidebar Title Color"
type="color" default="#999" value="#999999">
<Variable name="sidebartextcolor" description="Sidebar Text Color"
type="color" default="#666" value="#666666">
<Variable name="visitedlinkcolor" description="Visited Link Color"
type="color" default="#999" value="#999999">
<Variable name="bodyfont" description="Text Font"
type="font" default="normal normal 100% Georgia, Serif" value="normal normal 11px Verdana, Geneva, sans-serif">
<Variable name="headerfont" description="Sidebar Title Font"
type="font"
default="normal normal 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif" value="normal normal 78% Arimo">
<Variable name="pagetitlefont" description="Blog Title Font"
type="font"
default="normal normal 200% Georgia, Serif" value="normal normal 200% Coming Soon">
<Variable name="descriptionfont" description="Blog Description Font"
type="font"
default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif">
<Variable name="postfooterfont" description="Post Footer Font"
type="font"
default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal normal 78% Cuprum">
<Variable name="startSide" description="Side where text starts in blog language"
type="automatic" default="left" value="left">
<Variable name="endSide" description="Side where text ends in blog language"
type="automatic" default="right" value="right">
*/
#navbar-iframe, #Navbar1 {display:none !important;}
header, nav, section, aside, article, footer {display:block;}
*{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
/* Use this with templates/template-twocol.html */
body,.body-fauxcolumn-outer{background:#ECECEC;margin:0;padding:0;color:#333333;font:x-small Georgia Serif;font-size
/* */:/**/
small;font-size:/**/
small;text-align:center}
a,ul.randomnya li,ul.randomnya .overlayx,.Label li,#related-postsx .overlayb{-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out}
a:link,a{color:#1295C9;text-decoration:none}
a:hover{text-decoration:underline}
a img{border-width:0}
#NoScript{background:none repeat scroll 0% 0% rgb(255,255,255);text-align:center;padding:5px 0;position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;opacity:0.9}
#NoScript h6{font-size:24px;color:rgb(102,102,102);position:absolute;top:50%;width:100%;text-align:center;margin-left:-30px;margin-top:-18px}
/* Header
-----------------------------------------------
*/
#header-wrapper{margin:0 auto 0;padding:10px;height:85px}
#headnya{float:left;min-width:300px}
#head-ads{float:right;min-width:468px}
#head-ads .widget{margin:15px 10px 0 0}
#header{color:#1F1F1F;margin:0}
#header h1,#header p{margin:0;padding:10px 10px 0;line-height:1.2em;text-transform:uppercase;font-size:300%;font-family:"Bitter",arial,sans-serif}
#header a{color:#1F1F1F;text-decoration:none}
#header a:hover{color:#1295C9}
#header .description{margin:0;padding:0 10px 5px;text-transform:uppercase;letter-spacing:.2em;line-height:1;color:#292929;font:normal normal 100% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif}
#header img{margin-left:auto;margin-right:auto}
/* Navigation
----------------------------------------------- */
#navmobi,#navmobitop{display:none}
#nav{font-weight:bold;background-color:#303030;width:98%;margin:0 auto;height:42px}
ul#navinti{height:42px;float:left;margin:0;padding:0}
#navinti li{list-style:none;display:inline-block;zoom:1;float:left;position:relative;margin:0;padding:0}
#navinti li a{display:block;line-height:42px;text-decoration:none;color:white;padding:0 15px}
#navinti li:hover > a{background-color:#1295C9}
ul#navinti .sub-menu{position:absolute;padding:0;width:180px;z-index:5;margin:0;background-color:#FCFCFC;box-shadow:0 0 30px rgba(0,0,0,.35);-moz-box-shadow:0 0 30px rgba(0,0,0,.35);-webkit-box-shadow:0 0 30px rgba(0,0,0,.35);top:100%;left:0;display:none}
ul#navinti .sub-sub-menu{display:none;padding:0;margin:0;width:170px;position:absolute;left:100%;z-index:-1;box-shadow:0 0 30px rgba(0,0,0,.35);-moz-box-shadow:0 0 30px rgba(0,0,0,.35);-webkit-box-shadow:0 0 30px rgba(0,0,0,.35);top:0;background-color:#FCFCFC}
ul#navinti li:last-child .sub-sub-menu{left:auto;right:100%;text-align:right}
ul#navinti li:last-child .sub-menu{right:0;left:auto;text-align:right}
ul#navinti .sub-menu a{line-height:32px;color:#303030;font-weight:normal;background-color:#FCFCFC}
ul#navinti .sub-menu li:hover > a{background-color:#EEE;color:#303030;border-left:4px solid #303030}
ul#navinti li:last-child .sub-menu a:hover,ul#navinti li:last-child .sub-menu li:hover > a{border-left:0;border-right:4px solid #303030}
ul#navinti .sub-menu li{float:none;display:block}
ul#navinti ul.hidden{display:none}
ul#navinti li:hover .sub-menu.hidden,ul#navinti .sub-menu li:hover .sub-sub-menu.hidden{display:block}
#navinti li.dgnsub > a{padding-right:22px}
#navinti li.dgnsub > a::after,#navinti li.dgnssub > a::after{content:"";width:0;height:0;border-width:5px 3px;border-style:solid;border-color:white transparent transparent transparent;position:absolute;top:20px;right:8px}
#navinti li.dgnssub > a::after{border-color:transparent transparent transparent #303030;border-width:5px 4px;top:50%;margin-top:-5px;right:2px}
#navinti li:last-child li.dgnssub > a::after{border-color:transparent #303030 transparent transparent;right:auto;left:2px}
#nav-top{background-color:#ECECEC;border-bottom:1px solid #DFDFDF}
#nav-top .menutopx{margin:0 auto;width:98%;height:25px;line-height:25px}
.jdulatas{float:left}
.jdlnyatas{padding:0 5px 0 0;border-right:1px solid #4D4D4D}
#topnav,#topnav li{margin:0;padding:0;list-style:none;float:right}
#topnav li{float:left;position:relative}
#topnav a{display:block;padding:0 10px;text-decoration:none}
#topnav ul{position:absolute;right:0;padding:0;margin:0;width:140px;border:1px solid #DFDFDF;border-top:0;top:100%;text-align:right;background-color:#ECECEC;display:none}
#topnav ul.hidden{display:none}
#topnav li:hover ul.hidden{display:block}
#topnav ul li{float:none}
#topnav li:hover > a{background-color:#E4E4E4;color:#1295C9}
#topnav ul a:hover{border-right:3px solid #1295C9;background-color:#E4E4E4}
#topnav .dgnsubtop > a{padding:0 16px 0 10px}
#topnav .dgnsubtop > a::after{content:"";width:0;height:0;border-width:5px 3px;border-style:solid;border-color:#1295C9 transparent transparent transparent;position:absolute;top:50%;margin-top:-2px;right:5px}
/* Outer-Wrapper
----------------------------------------------- */
#outer-wrapper{width:1045px;background-color:#FDFDFD;margin:0 auto;padding:0;text-align:left;font:normal normal 11px Verdana,Geneva,sans-serif;}
#main-wrapper{width:68%;float:left;word-wrap:break-word;/* fix for long text breaking sidebar float in IE */
overflow:hidden;/* fix for long non-text content breaking IE sidebar float */}
#sidebar-wrapper{width:32%;float:right;word-wrap:break-word;/* fix for long text breaking sidebar float in IE */
overflow:hidden;/* fix for long non-text content breaking IE sidebar float */}
#sidebar-wrapper h2,#footer-wrapper h2{color:#242323;border-bottom:1px solid #242323;padding:5px 10px 7px 2px;margin:0 0 10px}
#sidebar-wrapper .widget-content{padding:0;margin:0 5px 10px}
/* Headings
----------------------------------------------- */
h1,h2,h3,h4,h5,h6{font-family:"Bitter",arial,sans-serif;font-weight:normal;text-transform:none;margin:0}
/* Posts
-----------------------------------------------
*/
.date-header{margin:1.5em 0 .5em;display:none}
.post{margin:.5em 0 1.5em;position:relative;display:block;}
.post h1,.post h2{margin:.25em 0 0;padding:0 0 4px;font-size:140%;font-weight:normal;line-height:1.4em}
.post h1 a,.post h1 a:visited,.post h1 strong,.post h2 a,.post h2 a:visited,.post h2 strong{display:block;text-decoration:none;font-weight:normal}
.post h1 strong,.post h1 a:hover,.post h2 strong,.post h2 a:hover{color:#333333}
.post .post-title{margin-bottom:15px}
.post-body{margin:0 0 .75em;line-height:1.6em}
.post-body blockquote{line-height:1.4em;position:relative;font-family:Georgia,serif;font-style:italic;padding:0.25em 20px 0.25em 30px;margin:10px 0}
.post-body blockquote::before{display:block;content:"\201C";font-size:50px;position:absolute;left:0;top:15px}
.post-footer{margin:.75em 0;color:#999999;display:none;line-height:1.4em}
.comment-link{margin-left:.6em}
.tr-caption-container img{border:none;padding:0}
.post blockquote{margin:1em 20px}
.post blockquote p{margin:.75em 0}
/* Comments
----------------------------------------------- */
#comments h4{margin:15px 0 15px;line-height:1.4em;text-transform:capitalize;font-size:160%}
.comments .comments-content .comment,.comments .comments-content .comment:first-child,.comments .comments-content .comment:last-child{padding:5px;border:1px solid #CFCFCF;margin:0 0 5px}
.comments .avatar-image-container{max-height:50px;width:45px;height:45px;padding:2px;border:1px solid #BDBDBD}
.comments .avatar-image-container img{max-width:50px;width:100%}
.comments .comment-block{margin-left:52px}
.comments .inline-thread .avatar-image-container{float:right;width:40px;height:40px}
.comments .inline-thread .comment-block{margin:0 50px 0 0}
.comments .comments-content .comment-header{padding:0 0 3px;border-bottom:1px solid #D8D8D8}
.comments .comments-content .comment-replies{margin:10px 5px 0}
.comments .comments-content .inline-thread .comment-content{padding:0 10px}
.comments .comments-content .icon.blog-author{position:absolute;right:10px;background-color:#1295C9;width:65px;height:20px;border-radius:0 0 3px 3px;top:-7px}
.comments .comments-content .icon.blog-author::before{content:"Admin";color:white;position:absolute;left:12px;top:3px}
.comments .comments-content .inline-thread .comment:first-child{margin-top:8px}
#comments-block{margin:1em 0 1.5em;line-height:1.6em}
#comments-block .comment-author{margin:.5em 0}
#comments-block .comment-body{margin:.25em 0 0}
#comments-block .comment-footer{margin:-.25em 0 2em;line-height:1.4em;text-transform:uppercase;letter-spacing:.1em}
#comments-block .comment-body p{margin:0 0 .75em}
.deleted-comment{font-style:italic;color:gray}
#blog-pager-newer-link{float:left}
#blog-pager-older-link{float:right}
#blog-pager{text-align:center}
.feed-links{display:none}
/* Sidebar Content
----------------------------------------------- */
.sidebar{color:#666666;line-height:1.5em}
.sidebar ul,.footer ul{list-style:none;margin:0 0 0;padding:0 0 0}
.sidebar li,.footer li{margin:0;padding-top:0;padding-right:0;padding-bottom:.25em;padding-left:5px;line-height:1.5em}
.sidebar .widget,.main .widget{margin:0 0 1.5em;padding:0 0 0.5em}
.main .Blog{border-bottom-width:0}
/* Profile
----------------------------------------------- */
.profile-img{float:left;margin-top:0;margin-right:5px;margin-bottom:5px;margin-left:0;padding:4px;border:1px solid #cccccc}
.profile-data{margin:0;text-transform:uppercase;letter-spacing:.1em;font:normal normal 78% Cuprum;color:#999999;font-weight:bold;line-height:1.6em}
.profile-datablock{margin:.5em 0 .5em}
.profile-textblock{margin:0.5em 0;line-height:1.6em}
.profile-link{font:normal normal 78% Cuprum;text-transform:uppercase;letter-spacing:.1em}
#sidebartengah h2{position:absolute;left:-9999px}
#tabslect,#tabslect li{padding:0;margin:0;list-style:none;overflow:hidden}
#tabslect{margin:0 auto 10px}
#tabslect li{float:left;width:33.3%;text-align:center}
#tabslect a{line-height:32px;display:block;background-color:#303030;color:white;font-weight:bold;text-decoration:none}
#tabslect .selected a,#tabslect a:hover{background-color:#1295C9}
#bungkusside{overflow:hidden}
#bungkusside .widget1{width:33.3%;float:left;}
/* Footer
----------------------------------------------- */
#footer-wrapper{background-color:#303030;color:#F1F1F1}
#isifooternya{width:98%;margin:0 auto;overflow:hidden;padding:15px 0;}
#isifooternya .footer-wrap{width:32.3%;float:left;}
#footx2{margin:0 1.5%}
#footer-wrapper h2{color:#F3F3F3;border-bottom:1px solid #646464}
.menu-xitem ul,.menu-xitem li{padding:0;margin:0;list-style:none;position:relative}
#nav-top,.labelnyatas a,.post .jump-link a,#tabslect a,.bwh-title,.rcomnetxx .date,.recntpst .date,.recntpst .cm,.menu-xitem .liat,.randomnya .label_text,.breadcrumbs,#related-postsx .infonya,#search-result-loader,#feed-q-input,#search-result-container li a{font-family:"Droid Sans",arial,sans-serif}
::selection{background:#0F83A0;color:#fff;text-shadow:none}
::-moz-selection{background:#0F83A0;color:#fff;text-shadow:none}
.comments .avatar-image-container img[src="http://img1.blogblog.com/img/anon36.png"]{content:url(http://4.bp.blogspot.com/-SRrwnJZKx0o/US5QVPI2CII/AAAAAAAAIpA/w7HOATTEZww/s70/anonymouslogo.jpg)}
.comment-form{max-width:100%}
img{max-width:100%;height:auto;width:auto\9}
]]></b:skin>

<style type='text/css'>
.post-body h1{font-size:180%}
.post-body h2{font-size:160%}
.post-body h3{font-size:140%}
.post-body h4{font-size:130%}
.post-body h5{font-size:120%}
.post-body h6{font-size:110%}
.labelnyatas{overflow:hidden;margin:0 0 5px 0;padding:0 30px 0 0}
#main-wrapper{padding:10px}
#bungkusside .widget1{width:100%;float:none}
#sidebar-wrapper{padding:10px 10px 0 10px}
#sidebar-wrapper .linesx{height:35px;border-bottom:5px solid #303030}
#isifooter{padding:5px;border-top:1px solid #181818;background-color:#242424;overflow:hidden}
.botleft{float:left}
.botright{float:right}
ul.recntpst,ul.recntpst li,ul.rcomnetxx,ul.rcomnetxx li{list-style:none;padding:0;margin:0;overflow:hidden}
ul.recntpst .thumbp,ul.rcomnetxx .kmtimg{float:left;margin:0 5px 3px 0}
ul.recntpst strong,ul.rcomnetxx strong{display:block}
ul.recntpst p,ul.rcomnetxx p{margin:5px 0 10px}
ul.recntpst .date,ul.recntpst .cm,ul.rcomnetxx .date{font-size:10px}
ul.rcomnetxx .dd,ul.rcomnetxx .dm,ul.rcomnetxx .dy{margin-right:3px}
ul.recntpst .cm{padding-left:5px;border-left:1px solid #969191}
.Label li{float:left;padding:5px 8px;margin:0 2px 2px 0;background-color:#1295C9;color:white}
.Label li a{color:white}
.Label li:hover{background-color:#303030}
.PopularPosts img{padding:0;width:60px}
.PopularPosts .item-title{font-weight:bold}
ul.rcomnetxx a,ul.recntpst a,.PopularPosts .item-title a,.Label li a{text-decoration:none}
.bwh-title .isibwh,.bwh-title .d-header,.bwh-title .post-author{display:inline}
.bwh-title .d-header{margin:0 0;padding:0 5px 0 0;border-right:1px solid #636363}
#search-form-feed{padding:0;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;width:200px;float:right;margin-top:4px;position:relative;margin-right:4px}
#feed-q-input{display:block;width:100%;height:34px;border:1px solid #2B2B2B;color:#838383;margin:0;font-size:10px;padding-left:10px;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;float:left;background:white}
#feed-q-input:focus{color:#333;outline:none}
#search-result-container{width:300px;overflow:hidden;position:absolute;z-index:9999;padding:10px;right:0;margin:0;top:42px;display:none;font-size:11px;background:white;text-transform:none;-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.25);-khtml-box-shadow:0 1px 3px rgba(0,0,0,0.25);-moz-box-shadow:0 1px 3px rgba(0,0,0,0.25);-o-box-shadow:0 1px 3px rgba(0,0,0,0.25);box-shadow:0 1px 3px rgba(0,0,0,0.25)}
#search-result-container li{margin:0 0 5px;padding:0;list-style:none;overflow:hidden;word-wrap:break-word;font:normal normal 10px Verdana,Geneva,sans-serif;color:#141414;background-color:white;text-transform:none}
#search-result-container li a{text-decoration:none;font-weight:bold;font-size:11px;display:block;line-height:14px;padding:0;font-weight:bold}
#search-result-container mark{background-color:yellow;color:black}
#search-result-container h4{margin:0 0 10px;font:normal bold 12px &#39;Trebuchet MS&#39;,Arial,Sans-Serif;color:black}
#search-result-container ol{margin:0 0 10px;padding:0 0;overflow:hidden;height:450px}
#search-result-container:hover ol{overflow:auto}
#search-result-container li img{display:block;float:left;margin:0 5px 1px 0;padding:2px;border:1px solid #D1D1D1}
#search-result-loader{top:100%;position:absolute;z-index:999;width:100%;line-height:30px;color:#2E2E2E;padding:0 10px;background-color:white;border:1px solid #DBDBDB;margin:0;overflow:hidden;display:none;text-transform:capitalize}
#search-result-container p{margin:5px 0}
#search-result-container .close{position:absolute;right:8px;top:8px;font-size:12px;color:white;text-decoration:none;border-radius:9999px;width:13px;height:13px;text-indent:1px;background-color:#1295C9;line-height:12px}
.bwh-title .d-header abbr{border-bottom:0}
@media only screen and (max-width:1045px){
  #outer-wrapper{width:100%}
}
@media only screen and (min-width:768px) and (max-width:985px){
  #outer-wrapper{width:754px}
  #headnya{min-width:250px;max-width: 250px;}
  #header h1,#header p{font-size:230%}
  #header-wrapper{padding:10px 0}
  #main-wrapper{width:60%}
  #sidebar-wrapper{width:40%}
}
@media only screen and (max-width:767px){
  #outer-wrapper{width:440px}
  #sidebar-wrapper,#main-wrapper,#isifooternya{width:100%;float:none;padding:10px}
  #isifooternya .footer-wrap{width:100%;float:none}
  #footx2{margin:0}
  ul#navinti,#topnav,#head-ads,#navmobitop ul,#navmobi ul{display:none}
  #navmobi,#navmobitop,#navmobi #navinti,#navmobitop #topnav{display:block}
  #nav-top .menutopx,#nav{height:auto;position:relative}
  #nav-top{min-height:25px}
  .jdulatas{float:none}
  #navmobitop ul,#navmobitop li,#navmobi ul,#navmobi li{overflow:hidden;padding:0;margin:0;list-style:none}
  #navmobitop ul{width:100%}
  #mobilenavtop{text-decoration:none;float:right;right:0;top:0;padding:0 15px 0 8px;background-color:#D6D6D6;position:absolute}
  #navmobitop li{margin:2px 0}
  #navmobi{line-height:30px}
  #navmobi a{text-decoration:none;color:white;padding:0 15px;display:block;position:relative}
  #navmobi li ul a{padding-left:25px}
  #navmobi li ul ul a{padding-left:35px}
  #navmobitop li a{display:block;padding:0 10px;background-color:#F7F7F7;text-decoration:none;position:relative}
  #navmobitop li ul a{padding-left:20px}
  #navmobitop li a:hover,#navmobi ul a:hover{border-left:4px solid #1295C9}
  #navmobi ul a{background-color:#464646;margin:1px 0}
  #mobilenavtop::after,#mobilenav::after,#navmobitop li a::after,#navmobi ul a::after{content:&quot;&quot;;width:0;height:0;border-width:5px 3px;border-style:solid;border-color:#1295C9 transparent transparent transparent;position:absolute;top:50%;margin-top:-3px;right:5px}
  #mobilenav::after{border-width:5px 5px;border-color:white transparent transparent transparent;margin-top:-2px;right:10px}
  #mobilenavtop.active::after{border-color:transparent transparent #1295C9 transparent;margin-top:-8px}
  #mobilenav.active::after{border-color:transparent transparent white transparent;margin-top:-6px}
  #navmobitop li a::after{border-width:5px 4px;border-color:transparent transparent transparent #1295C9;margin-top:-5px;right:8px}
  #navmobitop li.dgnsubtop:hover &gt;a::after{border-color:transparent transparent #1295C9 transparent;margin-top:-8px}
  #navmobi ul a::after{border-width:5px 5px;border-color:transparent transparent transparent white;margin-top:-5px;right:7px}
  #search-form-feed{float:none;width:90%;margin:5px auto;height:40px}
  #search-result-container{width:100%}
  #headnya{float:none;text-align:center}
  .post h2.post-title{padding-right:0}
}
@media only screen and (max-width:479px){
  #outer-wrapper{width:310px}
  .jdlnyatas{display:none}
}
</style>

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<style type='text/css'>
.post{overflow:hidden;padding:0;margin:0 0 20px;position:relative}
.loadingxx{width:100%;min-height:150px;background:transparent url(http://2.bp.blogspot.com/-aKxyQfOeHVA/US9hBVGNkrI/AAAAAAAAIqI/2B8K4Bi4u1Y/s1600/progress_ani.gif) no-repeat center;display:block;text-indent:-9999px}
a.thumbx{margin:0 0px 5px 0;display:block;width:100%;overflow:hidden;background-color:#F1F1F1;background-image:url(http://2.bp.blogspot.com/-w-btlraHmxc/USsKeB6o_oI/AAAAAAAAImw/-4rXqxZWwAY/s1600/downloaddas.gif);background-repeat:no-repeat;background-position:center}
.thumbx img{display:block;width:100%;}
.post h2.post-title{margin:0 0 7px;font-size:170%;padding:0 30px 4px 0}
.post h2.post-title a{color:#272727}
.post h2.post-title a:hover{color:#1295C9}
.post-body p{margin:5px 0 15px;font-size:12px}
.post .jump-link{display:block;float:right}
.post .jump-link a{display:block;padding:7px 8px;text-decoration:none;background-color:#1295C9;color:white}
.post .jump-link a:hover{background-color:#303030}
.bwh-title .comment-link{margin:0;position:absolute;right:0;top:0;padding:3px 4px;color:white;min-width:20px;text-align:center;background-color:#303030;text-decoration:none}
a.loadpost{display:block;padding:8px;background-color:#303030;color:white;text-transform:capitalize;text-decoration:none}
  .labelnyatas a{display:inline-block;padding:0 5px;margin-bottom:4px;height:17px;font-size:8px;line-height:17px;text-decoration:none;background-color:#303030;color:white}
.bwh-title .comment-link:hover,a.loadpost:hover,.labelnyatas a:hover{background-color:#1295C9}
.bwh-title .comment-link::after{content:&quot;&quot;;width:0;height:0;border-width:2px 4px;border-style:solid;border-color:#303030 #303030 transparent transparent;position:absolute;top:100%;right:0}
.bwh-title .comment-link:hover::after{border-color:#1295C9 #1295C9 transparent transparent}
.menu-xitem{height:35px;border-bottom:5px solid #303030;margin-bottom:20px;color:white}
.menu-xitem .xitem1{height:30px;position:relative;float:left}
.menu-xitem .liat{display:block;line-height:35px;font-size:12px;padding:0 20px 0 10px;float:left;background-color:#303030;text-transform:uppercase;color:white;position:relative;text-decoration:none}
#labelxnya{position:absolute;width:170px;top:100%;z-index:3;background-color:#303030;display:none}
#labelxnya.hidden{display:none}
.menu-xitem .xitem1:hover #labelxnya.hidden{display:block}
#labelxnya a{color:white;text-decoration:none;display:block;padding:0 10px;line-height:25px}
#labelxnya a:hover{border-left:4px solid #1295C9}
.menu-xitem .liat::before,.menu-xitem .liat::after{content:&quot;&quot;;width:0;height:0;border-width:4px 4px;border-style:solid;border-color:white transparent transparent transparent;position:absolute;top:14px;right:8px}
.menu-xitem .liat::after{border-width:15px 6px;border-color:transparent transparent #303030 #303030;left:100%;top:0;right:auto}
.status-msg-wrap{display:none}
#content-atas h2{position:absolute;left:-9999px}
ul.randomnya,ul.randomnya li{padding:0;margin:0;list-style:none;position:relative}
#content-atas .widget{padding:20px 10px}
ul.randomnya{height:250px}
ul.randomnya li{overflow:hidden;position:absolute;width:33.1%;height:100%;-webkit-transition-duration:0.8s;-moz-transition-duration:0.8s;-ms-transition-duration:0.8s;-o-transition-duration:0.8s;transition-duration:0.8s}
ul.randomnya li:nth-child(1){left:0;top:0}
ul.randomnya li:nth-child(2){left:33.4%;top:0}
ul.randomnya li:nth-child(3){left:66.8%;top:0;height:49.6%}
ul.randomnya li:nth-child(4){left:66.8%;top:50.3%;height:49.6%}
ul.randomnya img{width:100%}
ul.randomnya .overlayx{width:100%;height:250px;background-image:url(http://1.bp.blogspot.com/-FtnGJHMcWH8/UIV3IE-aaJI/AAAAAAAAGHs/WvLypnWxg5A/s1600/linebg-fade.png);z-index:1;position:absolute;background-position:0 0;background-repeat:repeat-x;bottom:0}
ul.randomnya li:nth-child(3) .overlayx,ul.randomnya li:nth-child(4) .overlayx{bottom:-70px}
ul.randomnya li:hover .overlayx{-ms-filter:&quot;progid:DXImageTransform.Microsoft. Alpha(Opacity=10)&quot;;filter:alpha(opacity=10);-khtml-opacity:0.1;-moz-opacity:0.1;opacity:0.1}
ul.randomnya h4{position:absolute;z-index:2;bottom:35px;padding:0 10px;font-size:20px;color:white;text-shadow:0 1px 2px #333}
ul.randomnya .label_text{position:absolute;bottom:15px;z-index:2;color:white;width:100%;padding:0 10px}
ul.randomnya .date span{margin-right:3px}
ul.randomnya .autname{padding:0 0 0 3px;border-left:1px solid #CFCFCF}
ul.randomnya .cmnum{position:absolute;display:block;right:10px;top:-5px;padding:3px 5px;background-color:#706F6F}
ul.randomnya .cmnum::after{content:&quot;&quot;;width:0;height:0;border-width:2px 4px;border-style:solid;border-color:#706F6F #706F6F transparent transparent;position:absolute;top:100%;right:0}
@media only screen and (min-width:768px) and (max-width:985px){
  ul.randomnya{height:220px}
  ul.randomnya h4{font-size:16px}
  ul.randomnya .label_text{font-size:10px}
  a.thumbx{width:180px;height:140px}
}
@media only screen and (max-width:767px){
  a.thumbx{width:100%;margin:0 0 10px}
  ul.randomnya{height:600px}
  ul.randomnya li{width:100%;position:absolute;height:33.1%}
  ul.randomnya li:nth-child(2){left:0;top:33.3%}
  ul.randomnya li:nth-child(3){height:16.7%;top:66.5%;left:0}
  ul.randomnya li:nth-child(4){left:0;height:16.7%;top:83.4%}
  .labelnyatas{width:100%}
}
@media only screen and (max-width:479px){
  ul.randomnya h4{font-size:16px}
}
</style>
<b:else/>
<style type='text/css'>
#content-atas h2{position:absolute;left:-9999px}
ul.randomnya,ul.randomnya li{padding:0;margin:0;list-style:none;position:relative}
#content-atas .widget{padding:20px 10px}
ul.randomnya{height:250px}
ul.randomnya li{overflow:hidden;position:absolute;width:33.1%;height:100%;-webkit-transition-duration:0.8s;-moz-transition-duration:0.8s;-ms-transition-duration:0.8s;-o-transition-duration:0.8s;transition-duration:0.8s}
ul.randomnya li:nth-child(1){left:0;top:0}
ul.randomnya li:nth-child(2){left:33.4%;top:0}
ul.randomnya li:nth-child(3){left:66.8%;top:0;height:49.6%}
ul.randomnya li:nth-child(4){left:66.8%;top:50.3%;height:49.6%}
ul.randomnya img{width:100%}
ul.randomnya .overlayx{width:100%;height:250px;background-image:url(http://1.bp.blogspot.com/-FtnGJHMcWH8/UIV3IE-aaJI/AAAAAAAAGHs/WvLypnWxg5A/s1600/linebg-fade.png);z-index:1;position:absolute;background-position:0 0;background-repeat:repeat-x;bottom:0}
ul.randomnya li:nth-child(3) .overlayx,ul.randomnya li:nth-child(4) .overlayx{bottom:-70px}
ul.randomnya li:hover .overlayx{-ms-filter:&quot;progid:DXImageTransform.Microsoft. Alpha(Opacity=10)&quot;;filter:alpha(opacity=10);-khtml-opacity:0.1;-moz-opacity:0.1;opacity:0.1}
ul.randomnya h4{position:absolute;z-index:2;bottom:35px;padding:0 10px;font-size:20px;color:white;text-shadow:0 1px 2px #333}
ul.randomnya .label_text{position:absolute;bottom:15px;z-index:2;color:white;width:100%;padding:0 10px}
ul.randomnya .date span{margin-right:3px}
ul.randomnya .autname{padding:0 0 0 3px;border-left:1px solid #CFCFCF}
ul.randomnya .cmnum{position:absolute;display:block;right:10px;top:-5px;padding:3px 5px;background-color:#706F6F}
ul.randomnya .cmnum::after{content:&quot;&quot;;width:0;height:0;border-width:2px 4px;border-style:solid;border-color:#706F6F #706F6F transparent transparent;position:absolute;top:100%;right:0}
@media only screen and (min-width:768px) and (max-width:985px){
  ul.randomnya{height:220px}
  ul.randomnya h4{font-size:16px}
  ul.randomnya .label_text{font-size:10px}
  a.thumbx{width:180px;height:140px}
}
@media only screen and (max-width:767px){
  a.thumbx{width:100%;margin:0 0 10px}
  ul.randomnya{height:600px}
  ul.randomnya li{width:100%;position:absolute;height:33.1%}
  ul.randomnya li:nth-child(2){left:0;top:33.3%}
  ul.randomnya li:nth-child(3){height:16.7%;top:66.5%;left:0}
  ul.randomnya li:nth-child(4){left:0;height:16.7%;top:83.4%}
  .labelnyatas{width:100%}
}
@media only screen and (max-width:479px){
  ul.randomnya h4{font-size:16px}
}

.post h1.post-title{font-size:200%;margin-bottom:5px}
.post h1.post-title a{color:#272727}
.post h1.post-title a:hover{color:#1295C9}
.labelnyatas a{text-decoration:none;color:white;display:inline-block;background-color:#303030;padding:3px 5px;font-size:9px}
.labelnyatas a:hover{background-color:#1295C9}
.bwh-title .comment-link{display:block;text-decoration:none;color:white;background-color:#303030;position:absolute;top:0;right:0;padding:0 4px;height:20px;line-height:22px;text-align:center}
.bwh-title .comment-link::after{content:&quot;&quot;;width:0;height:0;border-width:2px 4px;border-style:solid;border-color:#303030 #303030 transparent transparent;position:absolute;top:100%;right:0}
.bwh-title{margin-bottom:15px}
.pager-isi{overflow:hidden}
.pager-isi a,.pager-isi .linkgrey{width:50%;display:block;float:left;padding:10px 0;font-size:120%;text-decoration:none}
.pager-isi h6{color:#2C2C2C;font-size:135%}
.pager-isi h5{font-size:110%}
a.blog-pager-newer-link{padding-left:15px;text-align:left;position:relative}
a.blog-pager-older-link{padding-right:15px;text-align:right;position:relative}
.pager-isi .linkgrey.left{padding-left:15px;text-align:left}
.pager-isi .linkgrey.right{padding-right:15px;text-align:right}
a.blog-pager-newer-link::after{content:&quot;&quot;;width:0;height:0;border-width:8px 6px;border-style:solid;border-color:transparent #777676 transparent transparent;position:absolute;top:50%;left:-3px;margin-top:-8px}
a.blog-pager-older-link::after{content:&quot;&quot;;width:0;height:0;border-width:8px 6px;border-style:solid;border-color:transparent transparent transparent #777676;position:absolute;top:50%;right:-3px;margin-top:-8px}
.breadcrumbs{font-size:10px;margin-bottom:15px;border-bottom:1px solid #AAA;padding-bottom:4px}

#related-postsx h4{font-size:160%;margin-bottom:10px}
#related-postsx ul,#related-postsx li{padding:0;list-style:none;margin:0;overflow:hidden;position:relative}
#related-postsx li{width:49.5%;float:left;height:135px;margin:0 0.25% 2px}
#related-postsx .overlayb{width:100%;height:250px;background-image:url(http://3.bp.blogspot.com/-rJrnlncUydE/UTcutYPkEAI/AAAAAAAABN4/XBzNpCRU1dM/s1600/linebg-fade.png);z-index:1;position:absolute;background-position:0 0;background-repeat:repeat-x;bottom:-50%}
#related-postsx li:hover .overlayb{-ms-filter:&quot;progid:DXImageTransform.Microsoft. Alpha(Opacity=10)&quot;;filter:alpha(opacity=10);-khtml-opacity:0.1;-moz-opacity:0.1;opacity:0.1}
#related-postsx img{width:100%;position:absolute;bottom:-40%;height:250px}
#related-postsx strong{position:absolute;bottom:30px;color:white;font-family:&quot;Bitter&quot;,arial,sans-serif;padding:0 10px;z-index:4;width:100%;font-size:150%;font-weight:normal;text-shadow:0 1px 2px black}
#related-postsx .infonya{position:absolute;bottom:10px;padding:0 10px;width:100%;z-index:3;color:white}
#related-postsx .dt{margin-right:5px;padding-right:5px;border-right:1px solid #E9E9E9}
#related-postsx .jkmt{position:absolute;right:10px;padding:2px 4px;top:-5px;background-color:#8A8A8A;z-index:3}
#related-postsx .jkmt::after{content:&quot;&quot;;width:0;height:0;border-width:2px 4px;border-style:solid;border-color:#8A8A8A #8A8A8A transparent transparent;position:absolute;top:100%;right:0}
@media only screen and (max-width:479px){
  #related-postsx li{width:100%;margin:0 0 2px}
}
</style>
</b:if>
 <b:else/>
<style type='text/css'>
.post h2.post-title{font-size:200%}
.post h2.post-title a{color:#272727}
.post h2.post-title a:hover{color:#1295C9}
</style>
</b:if>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
// JQuery easing 1.3
jQuery.easing.jswing=jQuery.easing.swing;jQuery.extend(jQuery.easing,{def:"easeOutQuad",swing:function(e,f,a,h,g){return jQuery.easing[jQuery.easing.def](e,f,a,h,g)},easeInQuad:function(e,f,a,h,g){return h*(f/=g)*f+a},easeOutQuad:function(e,f,a,h,g){return -h*(f/=g)*(f-2)+a},easeInOutQuad:function(e,f,a,h,g){if((f/=g/2)<1){return h/2*f*f+a}return -h/2*((--f)*(f-2)-1)+a},easeInCubic:function(e,f,a,h,g){return h*(f/=g)*f*f+a},easeOutCubic:function(e,f,a,h,g){return h*((f=f/g-1)*f*f+1)+a},easeInOutCubic:function(e,f,a,h,g){if((f/=g/2)<1){return h/2*f*f*f+a}return h/2*((f-=2)*f*f+2)+a},easeInQuart:function(e,f,a,h,g){return h*(f/=g)*f*f*f+a},easeOutQuart:function(e,f,a,h,g){return -h*((f=f/g-1)*f*f*f-1)+a},easeInOutQuart:function(e,f,a,h,g){if((f/=g/2)<1){return h/2*f*f*f*f+a}return -h/2*((f-=2)*f*f*f-2)+a},easeInQuint:function(e,f,a,h,g){return h*(f/=g)*f*f*f*f+a},easeOutQuint:function(e,f,a,h,g){return h*((f=f/g-1)*f*f*f*f+1)+a},easeInOutQuint:function(e,f,a,h,g){if((f/=g/2)<1){return h/2*f*f*f*f*f+a}return h/2*((f-=2)*f*f*f*f+2)+a},easeInSine:function(e,f,a,h,g){return -h*Math.cos(f/g*(Math.PI/2))+h+a},easeOutSine:function(e,f,a,h,g){return h*Math.sin(f/g*(Math.PI/2))+a},easeInOutSine:function(e,f,a,h,g){return -h/2*(Math.cos(Math.PI*f/g)-1)+a},easeInExpo:function(e,f,a,h,g){return(f==0)?a:h*Math.pow(2,10*(f/g-1))+a},easeOutExpo:function(e,f,a,h,g){return(f==g)?a+h:h*(-Math.pow(2,-10*f/g)+1)+a},easeInOutExpo:function(e,f,a,h,g){if(f==0){return a}if(f==g){return a+h}if((f/=g/2)<1){return h/2*Math.pow(2,10*(f-1))+a}return h/2*(-Math.pow(2,-10*--f)+2)+a},easeInCirc:function(e,f,a,h,g){return -h*(Math.sqrt(1-(f/=g)*f)-1)+a},easeOutCirc:function(e,f,a,h,g){return h*Math.sqrt(1-(f=f/g-1)*f)+a},easeInOutCirc:function(e,f,a,h,g){if((f/=g/2)<1){return -h/2*(Math.sqrt(1-f*f)-1)+a}return h/2*(Math.sqrt(1-(f-=2)*f)+1)+a},easeInElastic:function(f,h,e,l,k){var i=1.70158;var j=0;var g=l;if(h==0){return e}if((h/=k)==1){return e+l}if(!j){j=k*0.3}if(g<Math.abs(l)){g=l;var i=j/4}else{var i=j/(2*Math.PI)*Math.asin(l/g)}return -(g*Math.pow(2,10*(h-=1))*Math.sin((h*k-i)*(2*Math.PI)/j))+e},easeOutElastic:function(f,h,e,l,k){var i=1.70158;var j=0;var g=l;if(h==0){return e}if((h/=k)==1){return e+l}if(!j){j=k*0.3}if(g<Math.abs(l)){g=l;var i=j/4}else{var i=j/(2*Math.PI)*Math.asin(l/g)}return g*Math.pow(2,-10*h)*Math.sin((h*k-i)*(2*Math.PI)/j)+l+e},easeInOutElastic:function(f,h,e,l,k){var i=1.70158;var j=0;var g=l;if(h==0){return e}if((h/=k/2)==2){return e+l}if(!j){j=k*(0.3*1.5)}if(g<Math.abs(l)){g=l;var i=j/4}else{var i=j/(2*Math.PI)*Math.asin(l/g)}if(h<1){return -0.5*(g*Math.pow(2,10*(h-=1))*Math.sin((h*k-i)*(2*Math.PI)/j))+e}return g*Math.pow(2,-10*(h-=1))*Math.sin((h*k-i)*(2*Math.PI)/j)*0.5+l+e},easeInBack:function(e,f,a,i,h,g){if(g==undefined){g=1.70158}return i*(f/=h)*f*((g+1)*f-g)+a},easeOutBack:function(e,f,a,i,h,g){if(g==undefined){g=1.70158}return i*((f=f/h-1)*f*((g+1)*f+g)+1)+a},easeInOutBack:function(e,f,a,i,h,g){if(g==undefined){g=1.70158}if((f/=h/2)<1){return i/2*(f*f*(((g*=(1.525))+1)*f-g))+a}return i/2*((f-=2)*f*(((g*=(1.525))+1)*f+g)+2)+a},easeInBounce:function(e,f,a,h,g){return h-jQuery.easing.easeOutBounce(e,g-f,0,h,g)+a},easeOutBounce:function(e,f,a,h,g){if((f/=g)<(1/2.75)){return h*(7.5625*f*f)+a}else{if(f<(2/2.75)){return h*(7.5625*(f-=(1.5/2.75))*f+0.75)+a}else{if(f<(2.5/2.75)){return h*(7.5625*(f-=(2.25/2.75))*f+0.9375)+a}else{return h*(7.5625*(f-=(2.625/2.75))*f+0.984375)+a}}}},easeInOutBounce:function(e,f,a,h,g){if(f<g/2){return jQuery.easing.easeInBounce(e,f*2,0,h,g)*0.5+a}return jQuery.easing.easeOutBounce(e,f*2-g,0,h,g)*0.5+h*0.5+a}});

// JQuery hover event with timeout by Taufik Nurrohman
// https://plus.google.com/108949996304093815163/about
(function(a){a.fn.hoverTimeout=function(c,e,b,d){return this.each(function(){var f=null,g=a(this);g.hover(function(){clearTimeout(f);f=setTimeout(function(){e.call(g)},c)},function(){clearTimeout(f);f=setTimeout(function(){d.call(g)},b)})})}})(jQuery);

window.emoticonx=(function(){var b=function(m){var j=m||{},l=j.emoRange||"#comments p, div.emoWrap",k=j.putEmoAbove||"iframe#comment-editor",h=j.topText||"Click to see the code!",a=j.emoMessage||"To insert emoticon you must added at least one space before the code.";$(k).before('<div style="text-align:center" class="emoWrap"> :) :)) ;(( :-) =)) ;( ;-( :d :-d @-) :p :o :&gt;) (o) [-( :-? (p) :-s (m) 8-) :-t :-b  b-( :-# =p~ $-) (b) (f) x-) (k) (h) (c) cheer <br/><b>'+h+"</b><br/>"+a+"</div>");var i=function(c,d,e){$(l).each(function(){$(this).html($(this).html().replace(/<br>:/g,"<br> :").replace(/<br>;/g,"<br> ;").replace(/<br>=/g,"<br> =").replace(/<br>\^/g,"<br> ^").replace(c," <img style='max-height:24px' src='"+d+"' class='emo delayLoad' alt='"+e+"' />"))})};i(/\s:\)\)+/g,"https://lh3.googleusercontent.com/-duNoMAb1RS4/T2WEWrOfR8I/AAAAAAAACZ0/ObgHf-PmTuE/s36/03.gif",":))");i(/\s;\(\(+/g,"https://lh6.googleusercontent.com/-LIr-ZdDp2xI/T2WEYDacVnI/AAAAAAAACaY/W7MF5qKO2sE/s47/06.gif",";((");i(/\s:\)+/g,"https://lh6.googleusercontent.com/-Q5lMkgcmVR4/T2WEWkNi3MI/AAAAAAAACZ4/7VBYeVbx7kA/s36/01.gif",":)");i(/\s:-\)+/g,"https://lh3.googleusercontent.com/-mCsZPeixHvA/T2WEWivv9FI/AAAAAAAACZw/64ZGRgdlDeg/s36/02.gif",":-)");i(/\s=\)\)+/g,"https://lh5.googleusercontent.com/-u__sc3DgZ2c/T2d0_lDLueI/AAAAAAAACkw/YbeuRNde61Q/s36/03a.gif","=))");i(/\s;\(+/g,"https://lh5.googleusercontent.com/-EwonQGBTYwo/T2WEXeVq3oI/AAAAAAAACZ8/4ixt2ZVlqrI/s36/04.gif",";(");i(/\s;-\(+/g,"https://lh3.googleusercontent.com/-fMtAZDakmBI/T2WEXswr5BI/AAAAAAAACaA/83R1X_PumTk/s36/05.gif",";-(");i(/\s:d/ig,"https://lh3.googleusercontent.com/-Em3lvBgvYlI/T2WElbV0BaI/AAAAAAAACdI/ApynphQdka8/s36/7.gif",":d");i(/\s:-d/ig,"https://lh4.googleusercontent.com/-0R7-2DC1klM/T2WEmMQajfI/AAAAAAAACdM/-4JFCeC6QD8/s36/8.gif",":-d");i(/\s@-\)+/g,"https://lh5.googleusercontent.com/-PE2GWBseiGk/T2acYH_uNRI/AAAAAAAAChg/HloTeaRIdyQ/s36/09.gif","@-)");i(/\s:p/ig,"https://lh5.googleusercontent.com/-nkyzLkHUPg8/T2WEYdFqFxI/AAAAAAAACaQ/Mu1yPq91yuc/s36/10.gif",":p");i(/\s:o/ig,"https://lh6.googleusercontent.com/-0-zgLVgK2Cg/T2WEY10FXuI/AAAAAAAACag/dyKQ5pPUIGQ/s36/11.gif",":o");i(/\s:&gt;\)+/g,"https://lh3.googleusercontent.com/-xbWqvOWJNE0/T2WEZM-VLTI/AAAAAAAACak/8dLATIlXRDk/s36/12.gif",":&gt;)");i(/\s\(o\)+/ig,"https://lh4.googleusercontent.com/-cguZVxYzR3o/T2WEZSgFvUI/AAAAAAAACas/nDJgr6YcuaI/s36/13.gif","(o)");i(/\s\[-\(+/g,"https://lh5.googleusercontent.com/-VKGWq-wPGUw/T2WEaEQLA9I/AAAAAAAACa4/ZDnLP29mlgk/s36/14.gif","[-(");i(/\s:-\?/g,"https://lh6.googleusercontent.com/-hIVRIc7IAJw/T2WEaO5ASUI/AAAAAAAACaw/FLmCvzeMSbc/s36/15.gif",":-?");i(/\s\(p\)+/ig,"https://lh4.googleusercontent.com/-hk3q3tP-0Pg/T2WEcRONc5I/AAAAAAAACbY/bJ00rge5Mq8/s36/16.gif","(p)");i(/\s:-s/ig,"https://lh5.googleusercontent.com/-cysJNcXxT-Q/T2WEcxVM5dI/AAAAAAAACbU/Mvuc437f1ZI/s36/17.gif",":-s");i(/\s\(m\)+/ig,"https://lh6.googleusercontent.com/-H20tIsy7Hvw/T2WEbDW0R7I/AAAAAAAACbE/DymXsZOmO3s/s36/18.gif","(m)");i(/\s8-\)+/ig,"https://lh4.googleusercontent.com/-IvNFZtzJJYI/T2WEcDj-0NI/AAAAAAAACbM/kiqtHbdkarQ/s36/19.gif","8-)");i(/\s:-t/ig,"https://lh5.googleusercontent.com/-XCXdaCYaOGE/T2WEcmd15EI/AAAAAAAACbQ/Z5UyZCuX4Xo/s36/20.gif",":-t");i(/\s:-b/ig,"https://lh4.googleusercontent.com/-g6V0tBD1vwk/T2WEdRGJfWI/AAAAAAAACbo/P8P_SGEdhzI/s36/21.gif",":-b");i(/\sb-\(+/ig,"https://lh6.googleusercontent.com/-ErUGB8ea0H4/T2WEdm5-ZSI/AAAAAAAACbs/245Hxnaa82g/s35/22.gif","b-(");i(/\s:-#/ig,"https://lh6.googleusercontent.com/-p-5AT-amLik/T2WEi_MJDqI/AAAAAAAACco/5J-MqivSQw4/s36/23.gif",":-#");i(/\s=p~/ig,"https://lh3.googleusercontent.com/-H8izCFTaHFE/T2b39mmu2NI/AAAAAAAACkM/k4bDdFe301U/s36/24.gif","=p~");i(/\s\$-\)+/ig,"https://lh5.googleusercontent.com/-LZn6dX8GslQ/T2W30lpp_kI/AAAAAAAAChA/Rym2Ql5H-jU/s36/25.gif","$-)");i(/\s\(b\)+/ig,"https://lh5.googleusercontent.com/-k6r8YBUhxVk/T2WEgBtjFtI/AAAAAAAACcE/U5U5uPCpxq8/s36/26.gif","(b)");i(/\s\(f\)+/ig,"https://lh5.googleusercontent.com/-pj6fMvZXTyc/T2WEga9-gjI/AAAAAAAACcM/kVpUCa7uqpw/s36/27.gif'","(f)");i(/\sx-\)+/ig,"https://lh3.googleusercontent.com/-zI2UJmwerDM/T2WEhSRkuTI/AAAAAAAACcc/Gr3xFDrZF3Y/s36/28.gif","x-)");i(/\s\(k\)+/ig,"https://lh3.googleusercontent.com/-ilBYLLWFQJQ/T2WEiJXJ7LI/AAAAAAAACcY/bXpkIPuVUto/s36/29.gif","(k)");i(/\s\(h\)+/ig,"https://lh5.googleusercontent.com/-_NHYkuf5bZg/T2WEjOhTIxI/AAAAAAAACcg/76qRE27R_ig/s36/30.gif","(h)");i(/\s\(c\)+/ig,"https://lh6.googleusercontent.com/-O6m44_Z-8AA/T2WEjLRImnI/AAAAAAAACck/c_jh643HU6o/s36/31.gif","(c)");i(/\scheer/ig,"https://lh5.googleusercontent.com/-9TYEg93ImUM/T2WEjvuhxTI/AAAAAAAACc0/KQRBXuuV_Yg/s36/32.gif","cheer");$("div.emoWrap").one("click",function(){if(a){alert(a)}});$(".emo").css("cursor","pointer").live("click",function(c){$(".emoKey").remove();$(this).after('<input class="emoKey" type="text" size="'+this.alt.length+'" value=" '+this.alt+'" />');$(".emoKey").trigger("select");c.stopPropagation()});$(".emoKey").live("click",function(){$(this).focus().select()});$(document).on("click",function(){$(".emoKey").remove()})};return function(a){b(a)}})();

window.rccommnetsx=(function(){var a=function(n){var e=n||{},i=e.url_blog||"",b=e.id_containrc||"#rcentcomnets",k=e.numComments||5,h=e.avatarSize||40,f=e.characters||100,d=e.loadingClass||"loadingxx",m=e.defaultAvatar||"http://4.bp.blogspot.com/-AEWksK942OE/UFiyLzXJhiI/AAAAAAAAFKE/jBegaGPClxI/s70/user-anonymous-icon.png",l=e.maxfeeds||50,g=e.MonthNames||["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],c=e.adminBlog||"";$(b).addClass(d);var j=i;if(i===""){j=window.location.protocol+"//"+window.location.host}$.ajax({url:j+"/feeds/comments/default?alt=json-in-script&orderby=published",type:"get",dataType:"jsonp",success:function(H){var p,o=H.feed.entry;if(o!==undefined){p="<ul class='rcomnetxx'>";ntotal=0;for(var G=0;G<l;G++){var w,I,L,u,M,t,A;if(G==o.length){break}if(ntotal>=k){break}var r=o[G];for(var C=0;C<r.link.length;C++){if(r.link[C].rel=="alternate"){w=r.link[C].href}}for(var K=0;K<r.author.length;K++){I=r.author[K].name.$t;L=r.author[K].gd$image.src}if(I!=c&&ntotal<k){ntotal++;p+="<li>";if(L=="http://img1.blogblog.com/img/blank.gif"){u=m}else{u=L.replace(/\/s[0-9]+(\-c|\/)/,"/s"+h+"$1")}t=(r.author[0].uri)?r.author[0].uri.$t:"#nope";p+='<a target="_blank" class="kmtimg" rel="nofollow" href="'+t+'"><img src="'+u+'"  title="'+I+'" alt="'+I+'" style="width:'+h+"px;height:"+h+'px;display:block"/></a>';var z=w.lastIndexOf("/")+1,B=w.lastIndexOf("."),N=w.split("-").join(" ").substring(z,B)+"...";M=r.published.$t.substring(0,10);var y=M.substring(0,4),D=M.substring(5,7),J=M.substring(8,10),E=g[parseInt(D,10)-1],x=r.published.$t.substring(11,16),s=x.substring(0,2),F=x.substring(2,5);if(s<12){A="AM"}else{A="PM"}if(s===0){s=12}if(s>12){s=s-12}p+='<div class="ketkomt"><strong><a title="'+N+'" target="_blank" rel="nofollow" href="'+w+'">'+I+'</a></strong> <span class="date"><span class="dd">'+J+'</span><span class="dmndy"><span class="dm">'+E+'</span><span class="dy">'+y+'</span></span><span class="timex">'+s+F+" "+A+"</span></span></div>";var v=r.content.$t;var q=v.replace(/(<([^>]+)>)/gi,"");if(q!==""&&q.length>f){q=q.substring(0,f);q+="..."}else{q=q}p+="<p>"+q+"</p>";p+="</li>"}}p+="</ul>";$(b).html(p).removeClass(d)}else{$(b).html("<span>No result!</span>").removeClass(d)}},error:function(){$(b).html("<strong>Error Loading Feed!</strong>").removeClass(d)}})};return function(b){a(b)}})();

window.rccpostsx=(function(){var a=function(p){var d=p||{},i=d.url_blog||"",n=d.numpostx||5,h=d.id_cintainrp||"#rcentpost",e=d.thumbSize||40,b=d.contjumlah||100,c=d.loadingClass||"loadingxx",m=d.cmtext||"Comments",l=d.firstcmtext||"Comment",f=d.NoCmtext||"No Comment",g=d.MonthNames||["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],k=d.pBlank||"http://1.bp.blogspot.com/-htG7vy9vIAA/Tp0KrMUdoWI/AAAAAAAABAU/e7XkFtErqsU/s1600/grey.gif";$(h).addClass(c);var j=i;if(i===""){j=window.location.protocol+"//"+window.location.host}$.ajax({url:j+"/feeds/posts/default?alt=json-in-script&orderby=published&max-results="+n+"",type:"get",dataType:"jsonp",success:function(v){var y,o,w,q,A,D,z,F,x,C,E,s="",B=v.feed.entry;if(B!==undefined){s="<ul class='recntpst'>";for(var u=0;u<B.length;u++){for(var t=0;t<B[u].link.length;t++){if(B[u].link[t].rel=="alternate"){y=B[u].link[t].href;break}}for(var r=0;r<B[u].link.length;r++){if(B[u].link[r].rel=="replies"&&B[u].link[r].type=="text/html"){w=B[u].link[r].title.split(" ")[0];break}}if("content" in B[u]){A=B[u].content.$t}else{if("summary" in B[u]){A=B[u].summary.$t}else{A=""}}if("media$thumbnail" in B[u]){D=B[u].media$thumbnail.url.replace(/\/s[0-9]+\-c/g,"/s"+e+"-c")}else{D=k}if(w===0){q=' <span class="cm">'+f+"</span>"}else{if(w===1){q=' <span class="cm">'+w+" "+l+"</span>"}else{q=' <span class="cm">'+w+" "+m+"</span>"}}A=A.replace(/<\S[^>]*>/g,"");if(A.length>b){A=A.substring(0,b)+"..."}o=B[u].title.$t;z=B[u].published.$t.substring(0,10),F=z.substring(0,4),x=z.substring(5,7),C=z.substring(8,10),E=g[parseInt(x,10)-1],s+='<li><a class="thumbp" href="'+y+'" target="_blank"><img style="width:'+e+"px;height:"+e+'px;display:block" alt="'+o+'"src="'+D+'"/></a><strong><a href="'+y+'" target="_blank">'+o+'</a></strong><span class="date"><span class="dd">'+C+'</span> <span class="dm">'+E+'</span> <span class="dy">'+F+"</span></span>"+q+"<p>"+A+"</p></li>"}s+="</ul>";$(h).html(s).removeClass(c)}else{$(h).html("<span>No result!</span>").removeClass(c)}},error:function(){$(h).html("<strong>Error Loading Feed!</strong>").removeClass(c)}})};return function(b){a(b)}})();

function SocialBookmarks(){var c=document.getElementById("social-side2");if(!c){return}var e=encodeURIComponent(document.title);var a=encodeURIComponent(location.protocol+"//"+location.host+location.pathname);var d=encodeURIComponent(location.host);var f=[{name:"Facebook",url:"http://www.facebook.com/share.php?u="+a+"&t="+e},{name:"Twitter",url:"https://twitter.com/intent/tweet?text="+e+"&amp;url="+a+"&amp;related="},{name:"Google Plus",url:"https://plus.google.com/share?url="+a},{name:"Stumbleupon",url:"http://www.stumbleupon.com/submit?url="+a+"&amp;title="+e},{name:"Digg",url:"http://digg.com/submit?phase=2&amp;url="+a+"&amp;title="+e},{name:"Delicious",url:"http://delicious.com/post?url="+a+"&title="+e},{name:"Linkedin",url:"http://www.linkedin.com/shareArticle?mini=true&url="+a+"&title="+e+"&source="+d},{name:"Reddit",url:"http://reddit.com/submit?url="+a+"&amp;title="+e},{name:"Technorati",url:"http://technorati.com/faves?add="+a}];for(var b=0;b<f.length;b++){c.innerHTML=c.innerHTML+'<li><a class="sc_40 '+f[b].name.replace(" ","_").toLowerCase()+'_40" href="'+f[b].url+'" title="submit to '+f[b].name+'" target="_blank"><span>'+f[b].name+"</span></a></li>"}};

function RandomPost(a){(function(d){var h={blogURL:"",MaxPost:4,RandompostActive:true,idcontaint:"#randompost",ImageSize:300,loadingClass:"loadingxx",pBlank:"http://1.bp.blogspot.com/-htG7vy9vIAA/Tp0KrMUdoWI/AAAAAAAABAU/e7XkFtErqsU/s1600/grey.gif",MonthNames:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],tagName:false};h=d.extend({},h,a);var g=d(h.idcontaint);var b=h.blogURL;if(h.blogURL===""){b=window.location.protocol+"//"+window.location.host}g.html('<ul class="randomnya"/>').addClass(h.loadingClass);var f=function(z){var t,k,r,o,x,A,s,w,y,u,n="",v=z.feed.entry;for(var q=0;q<v.length;q++){for(var p=0;p<v[q].link.length;p++){if(v[q].link[p].rel=="alternate"){t=v[q].link[p].href;break}}for(var m=0;m<v[q].link.length;m++){if(v[q].link[m].rel=="replies"&&v[q].link[m].type=="text/html"){r=v[q].link[m].title.split(" ")[0];break}}if("media$thumbnail" in v[q]){x=v[q].media$thumbnail.url.replace(/\/s[0-9]+\-c/g,"/s"+h.ImageSize+"-c")}else{x=h.pBlank.replace(/\/s[0-9]+(\-c|\/)/,"/s"+h.ImageSize+"$1")}k=v[q].title.$t;u=v[q].published.$t.substring(0,10);o=v[q].author[0].name.$t;A=u.substring(0,4);s=u.substring(5,7);w=u.substring(8,10);y=h.MonthNames[parseInt(s,10)-1];n+='<li><a target="_blank" href="'+t+'"><div class="overlayx"></div><img class="random" src="'+x+'"/><h4>'+k+'</h4></a><div class="label_text"><span class="date"><span class="dd">'+w+'</span><span class="dm">'+y+'</span><span class="dy">'+A+'</span></span><span class="autname">'+o+'</span><span class="cmnum">'+r+"</span></div></li>"}d("ul",g).append(n);g.removeClass(h.loadingClass)};var c=function(o){Total_Posts_Number=o.feed.openSearch$totalResults.$t;if(Total_Posts_Number<=h.MaxPost){h.MaxPost=Total_Posts_Number}var j=[];while(j.length<h.MaxPost){var q=Math.ceil(Math.random()*Total_Posts_Number);var p=false;for(var n=0;n<j.length;n++){if(j[n]==q){p=true;break}}if(!p){j[j.length]=q}}var m="/-/"+h.tagName;if(h.tagName===false){m=""}if(h.RandompostActive===true){for(var l=0;l<h.MaxPost;l++){d.ajax({url:b+"/feeds/posts/default"+m+"?start-index="+j[l]+"&max-results=1&orderby=published&alt=json-in-script",success:f,dataType:"jsonp",cache:true})}}else{d.ajax({url:b+"/feeds/posts/default"+m+"?max-results="+h.MaxPost+"&orderby=published&alt=json-in-script",success:f,dataType:"jsonp",cache:true})}};var e=function(){if(h.tagName===false){d.ajax({url:b+"/feeds/posts/default?max-results=0&alt=json-in-script",success:c,dataType:"jsonp",cache:true})}else{d.ajax({url:b+"/feeds/posts/default/-/"+h.tagName+"?max-results=0&alt=json-in-script",success:c,dataType:"jsonp",cache:true})}};d(document).ready(e)})(jQuery)};

function relatedPostsWidget(a){(function(e){var f={blogURL:"",maxPosts:5,maxTags:5,maxPostsPerTag:5,containerSelector:"",tags:null,loadingText:"",loadingClass:"",relevantTip:"",relatedTitle:"Related Posts",rlpBlank:"http://1.bp.blogspot.com/-htG7vy9vIAA/Tp0KrMUdoWI/AAAAAAAABAU/e7XkFtErqsU/s1600/grey.gif",rlt_thumb:70,rlt_monthNames:["January","February","March","April","May","June","July","August","September","October","November","December"],recentTitle:"Recent Posts",postScoreClass:"",onLoad:false};f=e.extend({},f,a);var k=0,b=null,g=null;if(!f.containerSelector){document.write('<div id="related-postsx"></div>');f.containerSelector="#related-postsx"}var c=function(y,o){k++;if(y.feed.entry){for(var p=0;p<y.feed.entry.length;p++){var v=y.feed.entry[p];var r="";for(var n=0;n<v.link.length;n++){if(v.link[n].rel=="alternate"){r=v.link[n].href;break}}var q=v.published.$t.substring(0,10);var m=q.substring(0,4);var x=q.substring(5,7);var t=q.substring(8,10);var s=f.rlt_monthNames[parseInt(x,10)-1];var z=v.thr$total.$t;var l=v.author[0].name.$t;var u=v.title.$t;if("media$thumbnail" in v){var w=v.media$thumbnail.url.replace(/\/s[0-9]+\-c/g,"/s"+f.rlt_thumb+"-c")}else{var w=f.rlpBlank}if(location.href.toLowerCase()!=r.toLowerCase()){i(r,u,w,m,t,z,s,l)}}}if(k>=f.tags.length){g.attr("class","");e("#related-posts-loadingtext",b).remove();if(f.maxPosts>0){e("li:gt("+(f.maxPosts-1)+")",g).remove()}}};var i=function(q,w,x,m,u,y,s,l){var r=e("li",g);for(var p=0;p<r.length;p++){var v=e("a",r.eq(p));var t=j(v);if(v.attr("href")==q){h(v,++t);for(var o=p-1;o>=0;o--){var n=e("a",r.eq(o));if(j(n)>t){if(p-o>1){r.eq(o).after(r.eq(p))}return}}if(p>0){r.eq(0).before(r.eq(p))}return}}g.append('<li><a href="'+q+'" title="'+(f.relevantTip?f.relevantTip.replace("\d",1):"")+'"><span><div class="overlayb"></div><img alt="'+w+'" src="'+x+'"/></span><strong>'+w+'</strong></a><div class="infonya"><span class="dt">'+u+" "+s+" "+m+'</span><span class="auty">'+l+'</span><span class="jkmt">'+y+"</span></div></li>")};var j=function(l){var m=parseInt(l.attr("score"));return m>0?m:1};var h=function(l,m){l.attr("score",m);if(f.relevantTip){l.attr("title",f.relevantTip.replace("\d",m))}if(f.postScoreClass){l.attr("class",f.postScoreClass+m)}};var d=function(){if(f.containerSelector!="#related-postsx"){var l=e(f.containerSelector);if(l.length!=1){return}b=e('<div id="related-postsx"></div>').appendTo(l)}else{b=e(f.containerSelector)}if(!f.tags){f.tags=[];e('a[rel="tag"]:lt('+f.maxTags+")").each(function(){var n=e.trim(e(this).text().replace(/\n/g,""));if(e.inArray(n,f.tags)==-1){f.tags[f.tags.length]=n}})}if(f.tags.length==0&&!f.recentTitle){return}if(f.tags.length==0){e("<h4>"+f.recentTitle+"</h4>").appendTo(b)}else{if(f.relatedTitle){e("<h4>"+f.relatedTitle+"</h4>").appendTo(b)}}if(f.loadingText){e('<div id="related-posts-loadingtext">'+f.loadingText+"</div>").appendTo(b)}g=e("<ul "+(f.loadingClass?'class="'+f.loadingClass+'"':"")+"></ul>").appendTo(b);if(f.tags.length==0){e.ajax({url:f.blogURL+"/feeds/posts/summary/",data:{"max-results":f.maxPostsPerTag,alt:"json-in-script"},success:c,dataType:"jsonp",cache:true})}else{for(var m=0;m<f.tags.length;m++){e.ajax({url:f.blogURL+"/feeds/posts/summary/",data:{category:f.tags[m],"max-results":f.maxPostsPerTag,alt:"json-in-script"},success:c,dataType:"jsonp",cache:true})}}};if(f.onLoad){e(window).load(d)}else{e(document).ready(d)}})(jQuery)};

//]]>
</script>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<script type='text/javascript'>
//<![CDATA[
function resizeThumb(e,b){var c=document.getElementById(e),d=c.getElementsByTagName("img");for(var a=0;a<d.length;a++){d[a].src=d[a].src.replace(/\/s72\-c/,"/s"+b+"-c");}}

window.labelnyacx=(function(){var a=function(d){var e=d||{},c=e.url_blog||window.location.host,b=e.id_labelcontent||"#labelxnya";$.ajax({url:"http://"+c+"/feeds/posts/summary?max-results=0&alt=json-in-script",type:"get",dataType:"jsonp",success:function(h){var f=h.feed.category,j="";if(f!==undefined){j="<ul class='subnya-xitem'>";for(var g=0;g<f.length;g++){j+='<li><a href="/search/label/'+encodeURIComponent(f[g].term)+'" target="_blank">'+f[g].term+"</a></li>"}j+="</ul>";$(b).html(j)}else{$(b).html("<span>No Label!</span>")}},error:function(){$(b).html("<strong>Error Loading Feed!</strong>")}})};return function(b){a(b)}})();
//]]>
</script>

<style>
  .blog-posts .post-outer{width:32%;height:340px;overflow:hidden;float:left;padding:5px;border:1px solid #cecece;margin:0 0 6px 6px;position:relative;display:inline-block;background:#fdfdfd;
box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-khtml-box-sizing:border-box;-o-box-sizing:border-box;}
.post{margin-bottom:0px!important;}
</style>

</b:if></b:if>

<b:if cond='data:blog.pageType != &quot;index&quot;'>
<style>
  .blog-posts .post-outer{background:#fdfdfd;padding:10px;}
</style>
</b:if>

<style>
/* essentials --------------------------- */

.clearfix .container{*zoom:1;display:block;}
.clearfix:before,.clearfix:after,.container:before,.container:after{display:table;content:&quot;&quot;;}
.clearfix:after{clear:both;}
.clear{display:block;clear:both;}

.hide-text{font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0;}
.nowrap{white-space:nowrap;} /* text will never wrap itself to multiple lines */
.break-word{word-wrap:break-word;}
.border-box{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-khtml-box-sizing:border-box;-o-box-sizing:border-box;}
/* display */
.inline{display:inline;}
.inline-block{display:inline-block;}
.block{display:block;}
.block:after{content:&quot;\0020&quot;;display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
/* floats */
.fleft{float:left;}
.fright{float:right;}
.fnone{float:none;}
/* visibility */
.hide{display:none;}
.hidden{visibility:hidden;}
.visible{visibility:visible;}
.collapse{visibility:collapse;} /* Only for table elements */
/* overflows */
.overflow-hidden{overflow:hidden;}
.overflow-visible{overflow:visible;}
.overflow-scroll{overflow:scroll;}
.overflow-auto{overflow:auto;}

/* text-alignments */
.align-center{text-align:center!important;}
.align-left{text-align:left!important;}
.align-right{text-align:right!important;}
.align-justify{text-align:justify;}
/* vertical-aligns */
.align-baseline{vertical-align:baseline!important;}
.align-sub{vertical-align:sub!important;}
.align-super{vertical-align:super!important;}
.align-top{vertical-align:top!important;}
.align-text-top{vertical-align:text-top!important;}
.align-bottom{vertical-align:bottom!important;}
.align-text-bottom{vertical-align:text-bottom!important;}
.align-middle{vertical-align:middle!important;}

/* positioning */
.static{position:static;}
.relative{position:relative;}
.absolute{position:absolute;}
.fixed{position:fixed;}
/* cursors */
.cursor-auto{cursor:auto}
.cursor-crosshair{cursor:crosshair}
.cursor-default{cursor:default}
.cursor-e-resize{cursor:e-resize}
.cursor-help{cursor:help}
.cursor-move{cursor:move}
.cursor-n-resize{cursor:n-resize}
.cursor-ne-resize{cursor:ne-resize}
.cursor-nw-resize{cursor:nw-resize}
.cursor-pointer{cursor:pointer}
.cursor-progress{cursor:progress}
.cursor-s-resize{cursor:s-resize}
.cursor-se-resize{cursor:se-resize}
.cursor-sw-resize{cursor:sw-resize}
.cursor-text{cursor:text}
.cursor-w-resize{cursor:w-resize}
.cursor-wait{cursor:wait}

/* Structure ----------------------------------------------------------------------------------- */
/* table-row table-cell */
.table{display:table;
  box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-khtml-box-sizing:border-box;-o-box-sizing:border-box;
}
.inline-table{display:inline-table;
  box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-khtml-box-sizing:border-box;-o-box-sizing:border-box;
}
.table-row{display:table-row;
  box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-khtml-box-sizing:border-box;-o-box-sizing:border-box;
}
.table-cell{display:table-cell;
  box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-khtml-box-sizing:border-box;-o-box-sizing:border-box;
}

/* row-column */
.row{*zoom:1;display:table;width:100%;
  box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-khtml-box-sizing:border-box;-o-box-sizing:border-box;
}
.row .column{display:table-cell;vertical-align:top;float:none;
  box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-khtml-box-sizing:border-box;-o-box-sizing:border-box;
}
.row .column.zero{width:0.1px;}
.table-cell.zero{width:0.1px;}
*html .row .column{float:left;margin:0;} /* IE5, IE6 */
*+html .row .column{float:left;border:0;margin:0;} /* IE7 */

/* %age widths */
.width-0p{width:0%;}
.width-10p{width:10%;}
.width-20p{width:20%;}
.width-30p{width:30%;}
.width-40p{width:40%;}
.width-50p{width:50%;}
.width-60p{width:60%;}
.width-70p{width:70%;}
.width-80p{width:80%;}
.width-90p{width:90%;}
.width-100p{width:100%;}

</style>

</head>

<body itemscope='' itemtype='http://schema.org/WebPage'>

  <div class='bottom-ad' style='position:fixed;width:100%;text-align:center;bottom:0;z-index:1;'>
    <div style='display:inline-block;position:relative;border:1px solid #222;background:#fdfdfd;height:92px'>
      <a class='close' href='javascript:;'>x</a>
        <script type='text/javascript'>
            google_ad_client = &quot;ca-pub-2762737943861458&quot;;
            google_ad_slot = &quot;8855334324&quot;;
            google_ad_width = 728;
            google_ad_height = 90;
        </script>
        <script src='http://pagead2.googlesyndication.com/pagead/show_ads.js' type='text/javascript'/>
    </div>

<script>

  $(document).ready(function(){
    $(&#39;div.bottom-ad a.close&#39;).click(function(){
      $(&#39;div.bottom-ad&#39;).css({&#39;display&#39;:&#39;none&#39;});
    });
  });
</script>

<style>
  .bottom-ad{display:none;}
  .bottom-ad a.close{position:absolute;left:-8px;top:-8px;background:#222;color:#fff;line-height:1;padding:2px 5px 3px 5px;
    border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;-khtml-border-radius:50%;-o-border-radius:50%;z-index:111;font-family:Arial;font-size:10px;
}
  .bottom-ad a.close:hover{text-decoration:none;}
</style>

</div><!-- bottom-ad -->

  <noscript>
    <div id='NoScript'>
        <h6>Please enable javascript to view this site.</h6>
    </div>
</noscript>
  <div id='outer-wrapper'>
<nav id='nav-top'>
<div class='menutopx'>
<div class='jdulatas'>
<span class='jdlnyatas'><data:blog.title/></span>
<span class='tgltop'>
<span id='tglxnya'/>
<span id='clockx'/>
</span>
</div>
<ul class='menuhlng' id='topnav'>
<li><a href='http://www.thenextpicture.net/p/about-us.html'>About Us</a></li>
</ul>
<div id='navmobitop'>
<a href='#' id='mobilenavtop'>Select Page</a>
</div>
</div>
</nav>
    <header id='header-wrapper' itemscope='' itemtype='http://schema.org/WPHeader'>
<div id='headnya'>
      <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
        <b:widget id='Header1' locked='true' title='TheNextPicture (Header)' type='Header'>
          <b:includable id='main'>

  <b:if cond='data:useImage'>
    <b:if cond='data:imagePlacement == &quot;BEHIND&quot;'>
      <!--
      Show image as background to text. You can't really calculate the width
      reliably in JS because margins are not taken into account by any of
      clientWidth, offsetWidth or scrollWidth, so we don't force a minimum
      width if the user is using shrink to fit.
      This results in a margin-width's worth of pixels being cropped. If the
      user is not using shrink to fit then we expand the header.
      -->
      <b:if cond='data:mobile'>
          <div id='header-inner'>
            <div class='titlewrapper' style='background: transparent'>
              <b:if cond='data:blog.pageType != &quot;item&quot;'>
<h1 class='title' itemprop='name' style='background: transparent; border-width: 0px'>
    <b:include name='title'/>
</h1>
    <b:else/>
<p class='title' itemprop='name' style='background: transparent; border-width: 0px'>
    <b:include name='title'/>
</p>
</b:if>
            </div>
            <b:include name='description'/>
          </div>
        <b:else/>
          <div expr:style='&quot;background-image: url(\&quot;&quot; + data:sourceUrl + &quot;\&quot;); &quot;                        + &quot;background-position: &quot;                        + data:backgroundPositionStyleStr + &quot;; &quot;                        + data:widthStyleStr                        + &quot;min-height: &quot; + data:height                        + &quot;_height: &quot; + data:height                        + &quot;background-repeat: no-repeat; &quot;' id='header-inner'>
            <div class='titlewrapper' style='background: transparent'>
              <b:if cond='data:blog.pageType != &quot;item&quot;'>
<h1 class='title' itemprop='name' style='background: transparent; border-width: 0px'>
    <b:include name='title'/>
</h1>
    <b:else/>
<p class='title' itemprop='name' style='background: transparent; border-width: 0px'>
    <b:include name='title'/>
</p>
</b:if>
            </div>
            <b:include name='description'/>
          </div>
        </b:if>
    <b:else/>
      <!--Show the image only-->
      <div id='header-inner'>
        <a expr:href='data:blog.homepageUrl' itemprop='url' style='display:block'>
          <img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_headerimg&quot;' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
        </a>
        <!--Show the description-->
        <b:if cond='data:imagePlacement == &quot;BEFORE_DESCRIPTION&quot;'>
          <b:include name='description'/>
        </b:if>
      </div>
    </b:if>
  <b:else/>
    <!--No header image -->
    <div id='header-inner'>
      <div class='titlewrapper'>
        <b:if cond='data:blog.pageType != &quot;item&quot;'>
<a expr:href='data:blog.homepageUrl'>
<h1 class='title' itemprop='name'>
<b:include name='title'/>
  </h1></a>
<b:else/>
<p class='title' itemprop='name'>
<b:include name='title'/>
</p>
</b:if>
      </div>
      <b:include name='description'/>
    </div>
  </b:if>
</b:includable>
          <b:includable id='description'>
  <div class='descriptionwrapper'>
    <p class='description'><span><data:description/></span></p>
  </div>
</b:includable>
          <b:includable id='title'>
  <b:if cond='data:blog.url == data:blog.homepageUrl'>
    <data:title/>
  <b:else/>
    <a expr:href='data:blog.homepageUrl'><data:title/></a>
  </b:if>
</b:includable>
        </b:widget>
      </b:section>
</div>
<div id='head-ads'>
<b:section class='header-ads' id='header-ads1' maxwidgets='1'>
  <b:widget id='HTML1' locked='false' title='' type='HTML'>
    <b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>

  <b:include name='quickedit'/>
</b:includable>
  </b:widget>
</b:section>
</div>
    </header>

    <nav id='nav'>
<ul class='menunav' id='navinti'>
<li class='mhome'><a expr:href='data:blog.homepageUrl'>Home</a></li>
  <li><a href='http://www.thenextpicture.net/p/submit-image.html'>Submit Your Image/s</a></li>
</ul>
<div id='navmobi'>
<a class='scroll' href='#' id='mobilenav'>Select a Page</a>
</div>
<div id='search-form-feed'>
<form action='/search' onsubmit='return updateScript();'>
<input id='feed-q-input' name='q' onblur='if (this.value == &quot;&quot;) {this.value = &quot;To search type and hit enter...&quot;;}' onfocus='if (this.value == &quot;To search type and hit enter...&quot;) {this.value = &quot;&quot;;}' onkeyup='resetField();' type='text' value='To search type and hit enter...'/>
</form>
<div id='search-result-container'/>
<div id='search-result-loader'>Searching...</div>
</div>
    </nav>

    <div id='content-wrapper'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div id='content-atas'>
<b:section class='content-atas' id='content-atas1'>
  <b:widget id='HTML4' locked='false' title='Random Post' type='HTML'>
    <b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>

  <b:include name='quickedit'/>
</b:includable>
  </b:widget>
</b:section>

<div class='google-ad-home' style='text-align:center;margin:0 0 10px 0;'>
  <script type='text/javascript'>
      google_ad_client = &quot;ca-pub-2762737943861458&quot;;
      google_ad_slot = &quot;8855334324&quot;;
      google_ad_width = 728;
      google_ad_height = 90;
  </script>
  <script src='http://pagead2.googlesyndication.com/pagead/show_ads.js' type='text/javascript'/>
</div>

</div>
</b:if></b:if>

      <div id='main-wrapper'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div class='menu-xitem'>
	<div><div class='xitem1'><a class='liat' href='#'><b:if cond='data:blog.url == data:blog.homepageUrl'> 
LATEST (sort by category)
<b:else/>
<b:if cond='data:blog.pageType == &quot;archive&quot;'> 
<data:blog.pageName/>
<b:else/>
<b:if cond='data:blog.searchQuery'>
<data:blog.searchQuery/> 
<b:else/>
<b:if cond='data:blog.searchLabel'>
<data:blog.searchLabel/>
</b:if>
</b:if>
</b:if>
</b:if></a>	
	<div class='hidden' id='labelxnya'/>
	</div></div>
	</div>
</b:if></b:if>
        <b:section class='main' id='main' showaddelement='no'>
          <b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'>
            <b:includable id='main' var='top'>
  <b:if cond='data:mobile == &quot;false&quot;'>


    <!-- posts -->
    <div class='blog-posts hfeed'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='breadcrumbs'>
<span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'><a class='homex' expr:href='data:blog.homepageUrl' itemprop='url'><span itemprop='title'>Home</span></a></span>
&#187;
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'>
<a expr:href='data:label.url' itemprop='url'><span itemprop='title'><data:label.name/></span></a></span>
<b:if cond='data:label.isLast != &quot;true&quot;'> &#187; </b:if>
</b:loop>
<b:else/>
&#187;Unlabelled
</b:if>
&#187; <span><data:post.title/></span>
</b:loop>
</div>
</b:if>
      <b:include data='top' name='status-message'/>

      <data:defaultAdStart/>
      <b:loop values='data:posts' var='post'>
        <b:if cond='data:post.isDateStart'>
          <b:if cond='data:post.isFirstPost == &quot;false&quot;'>
           
          </b:if>
        </b:if>


        <div class='post-outer'>
        <b:include data='post' name='post'/>
        <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
          <b:if cond='data:post.showThreadedComments'>
            <b:include data='post' name='threaded_comments'/>
          <b:else/>
            <b:include data='post' name='comments'/>
          </b:if>
        </b:if>
        <b:if cond='data:blog.pageType == &quot;item&quot;'>
          <b:if cond='data:post.showThreadedComments'>
            <b:include data='post' name='threaded_comments'/>
          <b:else/>
            <b:include data='post' name='comments'/>
          </b:if>
        </b:if>
        </div>
        <b:if cond='data:post.includeAd'>
          <b:if cond='data:post.isFirstPost'>
            <data:defaultAdEnd/>
          <b:else/>
            <data:adEnd/>
          </b:if>
          <div class='inline-ad'>
            <data:adCode/>
          </div>
          <data:adStart/>
        </b:if>
      </b:loop>
      <b:if cond='data:numPosts != 0'>
        &lt;/div&gt;&lt;/div&gt;
      </b:if>
      <div style='clear:both'/>
      <data:adEnd/>
    </div>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
    <!-- navigation -->
    <b:include name='nextprev'/>
</b:if></b:if>
    <!-- feed links -->
    <b:include name='feedLinks'/>

    <b:if cond='data:top.showStars'>
      <script src='//www.google.com/jsapi' type='text/javascript'/>
      <script type='text/javascript'>
        google.load(&quot;annotations&quot;, &quot;1&quot;, {&quot;locale&quot;: &quot;<data:top.languageCode/>&quot;});
        function initialize() {
          google.annotations.setApplicationId(<data:top.blogspotReviews/>);
          google.annotations.createAll();
          google.annotations.fetch();
        }
        google.setOnLoadCallback(initialize);
      </script>
    </b:if>

  <b:else/>
    <b:include name='mobile-main'/>
  </b:if>

  <b:if cond='data:top.showDummy'>
    <data:top.dummyBootstrap/>
  </b:if>

</b:includable>
            <b:includable id='backlinkDeleteIcon' var='backlink'>
  <span expr:class='&quot;item-control &quot; + data:backlink.adminClass'>
    <a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>
      <img src='//www.blogger.com/img/icon_delete13.gif'/>
    </a>
  </span>
</b:includable>
            <b:includable id='backlinks' var='post'>
  <a name='links'/><h4><data:post.backlinksLabel/></h4>
  <b:if cond='data:post.numBacklinks != 0'>
    <dl class='comments-block' id='comments-block'>
      <b:loop values='data:post.backlinks' var='backlink'>
        <div class='collapsed-backlink backlink-control'>
          <dt class='comment-title'>
            <span class='backlink-toggle-zippy'>&#160;</span>
            <a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a>
            <b:include data='backlink' name='backlinkDeleteIcon'/>
          </dt>
          <dd class='comment-body collapseable'>
            <data:backlink.snippet/>
          </dd>
          <dd class='comment-footer collapseable'>
            <span class='comment-author'><data:post.authorLabel/> <data:backlink.author/></span>
            <span class='comment-timestamp'><data:post.timestampLabel/> <data:backlink.timestamp/></span>
          </dd>
        </div>
      </b:loop>
    </dl>
  </b:if>
  <p class='comment-footer'>
    <a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:widget.instanceId + &quot;_backlinks-create-link&quot;' target='_blank'><data:post.createLinkLabel/></a>
  </p>
</b:includable>
            <b:includable id='comment-form' var='post'>
  <div class='comment-form'>
    <a name='comment-form'/>
    <b:if cond='data:mobile'>
      <h4 id='comment-post-message'>
        <a expr:id='data:widget.instanceId + &quot;_comment-editor-toggle-link&quot;' href='javascript:void(0)'><data:postCommentMsg/></a></h4>
      <p><data:blogCommentMessage/></p>
      <data:blogTeamBlogMessage/>
      <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
      <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
    <b:else/>
      <h4 id='comment-post-message'><data:postCommentMsg/></h4>
      <p><data:blogCommentMessage/></p>
      <data:blogTeamBlogMessage/>
      <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
      <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
    </b:if>
    <data:post.friendConnectJs/>
    <data:post.cmtfpIframe/>
    <script type='text/javascript'>
      BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;, &#39;<data:post.communityId/>&#39;);
    </script>
  </div>
</b:includable>
            <b:includable id='commentDeleteIcon' var='comment'>
  <span expr:class='&quot;item-control &quot; + data:comment.adminClass'>
    <b:if cond='data:showCmtPopup'>
      <div class='goog-toggle-button'>
        <div class='goog-inline-block comment-action-icon'/>
      </div>
    <b:else/>
      <a class='comment-delete' expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
        <img src='//www.blogger.com/img/icon_delete13.gif'/>
      </a>
    </b:if>
  </span>
</b:includable>
            <b:includable id='comment_count_picker' var='post'>
  <b:if cond='data:post.forceIframeComments'>
    <span class='cmt_count_iframe_holder' expr:data-count='data:post.numComments' expr:data-onclick='data:post.addCommentOnclick' expr:data-url='data:post.canonicalUrl'>
    </span>
  <b:else/>
    <b:if cond='data:post.commentSource == 1'>
      <span class='cmt_count_iframe_holder' expr:data-count='data:post.numComments' expr:data-onclick='data:post.addCommentOnclick' expr:data-url='data:post.canonicalUrl'>
      </span>
    <b:else/>
      <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
        <data:post.commentLabelFull/>:
      </a>
    </b:if>
  </b:if>
</b:includable>
            <b:includable id='comment_picker' var='post'>
  <b:if cond='data:post.forceIframeComments'>
    <b:include data='post' name='iframe_comments'/>
    <b:if cond='data:post.showThreadedComments'>
      <b:include data='post' name='threaded_comments'/>
    <b:else/>
      <b:include data='post' name='comments'/>
    </b:if>
  <b:else/>
    <b:if cond='data:post.commentSource == 1'>
      <b:include data='post' name='iframe_comments'/>
    <b:else/>
      <b:if cond='data:post.showThreadedComments'>
        <b:include data='post' name='threaded_comments'/>
      <b:else/>
        <b:include data='post' name='comments'/>
      </b:if>
    </b:if>
  </b:if>
</b:includable>
            <b:includable id='comments' var='post'>
  <div class='comments' id='comments'>
    <a name='comments'/>
    <b:if cond='data:post.allowComments'>
      <h4>
        <b:if cond='data:post.numComments == 1'>
          1 <data:commentLabel/>:
        <b:else/>
          <data:post.numComments/> <data:commentLabelPlural/>:
        </b:if>
      </h4>

      <b:if cond='data:post.commentPagingRequired'>
        <span class='paging-control-container'>
          <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>
          &#160;
          <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>
          &#160;
          <data:post.commentRangeText/>
          &#160;
          <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>
          &#160;
          <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>
        </span>
      </b:if>

      <div expr:id='data:widget.instanceId + &quot;_comments-block-wrapper&quot;'>
        <dl expr:class='data:post.avatarIndentClass' id='comments-block'>
          <b:loop values='data:post.comments' var='comment'>
            <dt expr:class='&quot;comment-author &quot; + data:comment.authorClass' expr:id='data:comment.anchorName'>
              <b:if cond='data:comment.favicon'>
                <img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>
              </b:if>
              <a expr:name='data:comment.anchorName'/>
              <b:if cond='data:blog.enabledCommentProfileImages'>
                <data:comment.authorAvatarImage/>
              </b:if>
              <b:if cond='data:comment.authorUrl'>
                <a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
              <b:else/>
                <data:comment.author/>
              </b:if>
              <data:commentPostedByMsg/>
            </dt>
            <dd class='comment-body' expr:id='data:widget.instanceId + data:comment.cmtBodyIdPostfix'>
              <b:if cond='data:comment.isDeleted'>
                <span class='deleted-comment'><data:comment.body/></span>
              <b:else/>
                <p>
                  <data:comment.body/>
                </p>
              </b:if>
            </dd>
            <dd class='comment-footer'>
              <span class='comment-timestamp'>
                <a expr:href='data:comment.url' title='comment permalink'>
                  <data:comment.timestamp/>
                </a>
                <b:include data='comment' name='commentDeleteIcon'/>
              </span>
            </dd>
          </b:loop>
        </dl>
      </div>

      <b:if cond='data:post.commentPagingRequired'>
        <span class='paging-control-container'>
          <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'>
            <data:post.oldestLinkText/>
          </a>
          <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'>
            <data:post.olderLinkText/>
          </a>
          &#160;
          <data:post.commentRangeText/>
          &#160;
          <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'>
            <data:post.newerLinkText/>
          </a>
          <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'>
            <data:post.newestLinkText/>
          </a>
        </span>
      </b:if>

      <p class='comment-footer'>
        <b:if cond='data:post.embedCommentForm'>
          <b:if cond='data:post.allowNewComments'>
            <b:include data='post' name='comment-form'/>
          <b:else/>
            <data:post.noNewCommentsText/>
          </b:if>
        <b:else/>
          <b:if cond='data:post.allowComments'>
            <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
          </b:if>
        </b:if>

      </p>
    </b:if>
    <b:if cond='data:showCmtPopup'>
      <div id='comment-popup'>
        <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
        </iframe>
      </div>
    </b:if>

    <div id='backlinks-container'>
    <div expr:id='data:widget.instanceId + &quot;_backlinks-container&quot;'>
       <b:if cond='data:post.showBacklinks'>
         <b:include data='post' name='backlinks'/>
       </b:if>
    </div>
    </div>
  </div>
</b:includable>
            <b:includable id='feedLinks'>
  <b:if cond='data:blog.pageType != &quot;item&quot;'> <!-- Blog feed links -->
    <b:if cond='data:feedLinks'>
      <div class='blog-feeds'>
        <b:include data='feedLinks' name='feedLinksBody'/>
      </div>
    </b:if>

    <b:else/> <!--Post feed links -->
    <div class='post-feeds'>
      <b:loop values='data:posts' var='post'>
        <b:if cond='data:post.allowComments'>
          <b:if cond='data:post.feedLinks'>
            <b:include data='post.feedLinks' name='feedLinksBody'/>
          </b:if>
        </b:if>
      </b:loop>
    </div>
  </b:if>
</b:includable>
            <b:includable id='feedLinksBody' var='links'>
  <div class='feed-links'>
  <data:feedLinksMsg/>
  <b:loop values='data:links' var='f'>
     <a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
  </b:loop>
  </div>
</b:includable>
            <b:includable id='iframe_comments' var='post'>

  <b:if cond='data:post.allowIframeComments'>
    <script expr:src='data:post.iframeCommentSrc' type='text/javascript'/>
    <div class='cmt_iframe_holder' expr:data-href='data:post.canonicalUrl' expr:data-viewtype='data:post.viewType'/>

    <b:if cond='data:post.embedCommentForm == &quot;false&quot;'>
      <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
    </b:if>
  </b:if>
</b:includable>
            <b:includable id='mobile-index-post' var='post'>
  <div class='mobile-date-outer date-outer'>
    <b:if cond='data:post.dateHeader'>
      <div class='date-header'>
        <data:post.dateHeader/>
      </div>
    </b:if>

    <div class='mobile-post-outer'>
      <a expr:href='data:post.url'>
        <h3 class='mobile-index-title entry-title'>
          <data:post.title/>
        </h3>

        <div class='mobile-index-arrow'>&amp;rsaquo;</div>

        <div class='mobile-index-contents'>
          <b:if cond='data:post.thumbnailUrl'>
            <div class='mobile-index-thumbnail'>
              <div class='Image'>
                <img expr:src='data:post.thumbnailUrl'/>
              </div>
            </div>
          </b:if>

          <div class='post-body'>
            <b:if cond='data:post.snippet'><data:post.snippet/></b:if>
          </div>
        </div>

        <div style='clear: both;'/>
      </a>

      <div class='mobile-index-comment'>
        <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
          <b:if cond='data:post.allowComments'>
            <b:if cond='data:post.numComments != 0'>
              <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
            </b:if>
          </b:if>
        </b:if>
      </div>
    </div>
  </div>
</b:includable>
            <b:includable id='mobile-main' var='top'>
    <!-- posts -->
    <div class='blog-posts hfeed'>

      <b:include data='top' name='status-message'/>

      <b:if cond='data:blog.pageType == &quot;index&quot;'>
        <b:loop values='data:posts' var='post'>
          <b:include data='post' name='mobile-index-post'/>
        </b:loop>
      <b:else/>
        <b:loop values='data:posts' var='post'>
          <b:include data='post' name='mobile-post'/>
        </b:loop>
      </b:if>
    </div>

   <b:include name='mobile-nextprev'/>
</b:includable>
            <b:includable id='mobile-nextprev'>
  <div class='blog-pager' id='blog-pager'>
    <b:if cond='data:newerPageUrl'>
      <div class='mobile-link-button' id='blog-pager-newer-link'>
      <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'>&amp;lsaquo;</a>
      </div>
    </b:if>

    <b:if cond='data:olderPageUrl'>
      <div class='mobile-link-button' id='blog-pager-older-link'>
      <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'>&amp;rsaquo;</a>
      </div>
    </b:if>

    <div class='mobile-link-button' id='blog-pager-home-link'>
    <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
    </div>

    <div class='mobile-desktop-link'>
      <a class='home-link' expr:href='data:desktopLinkUrl'><data:desktopLinkMsg/></a>
    </div>

  </div>
  <div class='clear'/>
</b:includable>
            <b:includable id='mobile-post' var='post'>
  <div class='date-outer'>
    <b:if cond='data:post.dateHeader'>
      <div class='date-header'><data:post.dateHeader/></div>
    </b:if>
    <div class='date-posts'>
      <div class='post-outer'>

        <div class='post hentry uncustomized-post-template'>
          <a expr:name='data:post.id'/>
          <b:if cond='data:post.title'>
            <h3 class='post-title entry-title'>
              <b:if cond='data:post.link'>
                <a expr:href='data:post.link'><data:post.title/></a>
              <b:else/>
                <b:if cond='data:post.url'>
                  <b:if cond='data:blog.url != data:post.url'>
                    <a expr:href='data:post.url'><data:post.title/></a>
                  <b:else/>
                    <data:post.title/>
                  </b:if>
                <b:else/>
                  <data:post.title/>
                </b:if>
              </b:if>
            </h3>
          </b:if>

          <div class='post-header' style='position:absolute;left:-9999px'>
            <div class='post-header-line-1'/>
          </div>

          <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id'>
            <data:post.body/>
            <div style='clear: both;'/> <!-- clear for photos floats -->
          </div>

          <div class='post-footer'>
            <div class='post-footer-line post-footer-line-1'>
              <span class='post-author vcard'>
                <b:if cond='data:top.showAuthor'>
                  <b:if cond='data:post.authorProfileUrl'>
                    <span class='fn'>
                      <a expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
                        <data:post.author/>
                      </a>
                    </span>
                  <b:else/>
                    <span class='fn'><data:post.author/></span>
                  </b:if>
                </b:if>
              </span>

              <span class='post-timestamp'>
                <b:if cond='data:top.showTimestamp'>
                  <data:top.timestampLabel/>
                  <b:if cond='data:post.url'>
                    <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr></a>
                  </b:if>
                </b:if>
              </span>

              <span class='post-comment-link'>
                <b:if cond='data:blog.pageType != &quot;item&quot;'>
                  <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
                    <b:if cond='data:post.allowComments'>
                      <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
                    </b:if>
                  </b:if>
                </b:if>
              </span>
            </div>

            <div class='post-footer-line post-footer-line-2'>
              <b:if cond='data:top.showMobileShare'>
                <div class='mobile-link-button goog-inline-block' id='mobile-share-button'>
                  <a href='javascript:void(0);'><data:shareMsg/></a>
                </div>
              </b:if>
              <b:if cond='data:top.showDummy'>
                <div class='goog-inline-block dummy-container'><data:post.dummyTag/></div>
              </b:if>
            </div>

          </div>
        </div>

        <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
          <b:if cond='data:post.showThreadedComments'>
            <b:include data='post' name='threaded_comments'/>
          <b:else/>
            <b:include data='post' name='comments'/>
          </b:if>
        </b:if>
        <b:if cond='data:blog.pageType == &quot;item&quot;'>
          <b:if cond='data:post.showThreadedComments'>
            <b:include data='post' name='threaded_comments'/>
          <b:else/>
            <b:include data='post' name='comments'/>
          </b:if>
        </b:if>
      </div>
    </div>
  </div>
</b:includable>
            <b:includable id='nextprev'>
  <div class='blog-pager' id='blog-pager'>
    <b:if cond='data:newerPageUrl'>
      <span id='blog-pager-newer-link'>
      <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
      </span>
    </b:if>

    <b:if cond='data:olderPageUrl'>
      <span id='blog-pager-older-link'>
      <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
      </span>
    </b:if>

    <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>

    <b:if cond='data:mobileLinkUrl'>
      <div class='blog-mobile-link'>
        <a expr:href='data:mobileLinkUrl'><data:mobileLinkMsg/></a>
      </div>
    </b:if>

  </div>
  <div class='clear'/>
</b:includable>
            <b:includable id='post' var='post'>
  <article class='post hentry' expr:id='data:post.id' itemscope='' itemtype='http://schema.org/BlogPosting'> 
  
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
   <b:if cond='data:post.thumbnailUrl'>
<a class='thumbx' expr:href='data:post.url' expr:title='data:post.title'><img class='post-thumbnail' expr:alt='data:post.title' expr:src='data:post.thumbnailUrl'/></a>
   <b:else/>
<a class='thumbx' expr:href='data:post.url' expr:title='data:post.title'><img alt='no image' class='post-thumbnail' src='http://1.bp.blogspot.com/-htG7vy9vIAA/Tp0KrMUdoWI/AAAAAAAABAU/e7XkFtErqsU/s1600/grey.gif'/></a>
   </b:if>
</b:if>
</b:if>

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<div class='labelnyatas'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.name != &quot;Guest Posts&quot;'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a>
</b:if>
</b:loop>
</div>
</b:if>

<b:if cond='data:blog.pageType != &quot;item&quot;'>
    <b:if cond='data:post.title'>
        <h2 class='post-title entry-title' itemprop='name headline'>
            <b:if cond='data:post.link'>
        <a expr:href='data:post.link' itemprop='url'><data:post.title/></a>
    <b:else/>
    <b:if cond='data:post.url'>
        <a expr:href='data:post.url' itemprop='url'><data:post.title/></a>
    <b:else/>
    <data:post.title/>
    </b:if>
            </b:if>
        </h2>
    </b:if>
<b:else/>
        <h1 class='post-title entry-title' itemprop='name headline'>
            <b:if cond='data:post.link'>
        <a expr:href='data:post.link' itemprop='url'><data:post.title/></a>
    <b:else/>
    <b:if cond='data:post.url'>
        <data:post.title/>
    <b:else/>
        <data:post.title/>
    </b:if>
            </b:if>
        </h1>
</b:if>
    
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<div class='bwh-title'>
<div class='isibwh'>
<div class='d-header'><span class='timestamp-link'><abbr class='published updated' expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr></span></div>
<div class='post-author vcard'>
             <b:if cond='data:post.authorProfileUrl'>
              <span class='fn'>
                <a expr:href='data:post.authorProfileUrl' itemprop='author' rel='author' title='author profile'>
                  <data:post.author/>
                </a>
              </span>
            <b:else/>
              <span class='fn' itemprop='author' rel='author' title='author profile'><data:post.author/></span>
            </b:if>         
      </div>
</div>

<b:if cond='data:post.numComments == 0'><b:else/><a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:post.numComments/></a></b:if>

</div>

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<!-- AddThis Button BEGIN -->
  <div class='addthis_toolbox addthis_default_style ' style='margin-bottom:10px'>
<a class='addthis_button_facebook_like' fb:like:layout='button_count'/>
  <a class='addthis_button_facebook_send' style='margin-right:30px;'/>
<a class='addthis_button_tweet'/>
<a class='addthis_button_google_plusone' g:plusone:size='medium'/>
<a class='addthis_counter addthis_pill_style'/>
</div>
<script type='text/javascript'>var addthis_config = {&quot;data_track_addressbar&quot;:false};</script>
<script src='//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-50e9a5c539e7e093' type='text/javascript'/>
<!-- AddThis Button END -->


<div class='google-add-perma-top clearfix' style='margin:5px 0 10px 0;'>
<div class='fleft'>
  <script type='text/javascript'>
    google_ad_client = &quot;ca-pub-2762737943861458&quot;;
    google_ad_slot = &quot;1080095129&quot;;
    google_ad_width = 300;
    google_ad_height = 250;
  </script>
  <script src='http://pagead2.googlesyndication.com/pagead/show_ads.js' type='text/javascript'>
  </script>
</div>

</div>
</b:if>

</b:if> 

    <div class='post-header' style='position:absolute;left:-9999px'>
    <div class='post-header-line-1'/>
    </div>

<div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
 <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
 <b:else/>
  <data:post.body/>
 </b:if>
<b:else/>
 <data:post.body/>
</b:if>     
    </div>

    <div class='post-footer'>
    <div class='post-footer-line post-footer-line-1'><span class='post-author vcard'>
        <b:if cond='data:top.showAuthor'>
          <data:top.authorLabel/>
            <b:if cond='data:post.authorProfileUrl'>
              <span class='fn'>
                <a expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
                  <data:post.author/>
                </a>
              </span>
            <b:else/>
              <span class='fn'><data:post.author/></span>
            </b:if>
        </b:if>
      </span> <span class='post-timestamp'>
        <b:if cond='data:top.showTimestamp'>
          <data:top.timestampLabel/>
        <b:if cond='data:post.url'>
          <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='updated published' expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr></a>
        </b:if>
        </b:if>
      </span> <span class='post-comment-link'>
        <b:if cond='data:blog.pageType != &quot;item&quot;'>
          <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
            <b:if cond='data:post.allowComments'>
              <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
            </b:if>
          </b:if>
        </b:if>
      </span> <span class='post-icons'>
        <!-- email post links -->
        <b:if cond='data:post.emailPostUrl'>
          <span class='item-action'>
          <a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>
              <img alt='' class='icon-action' height='13' src='http://img1.blogblog.com/img/icon18_email.gif' width='18'/>
          </a>
          </span>
        </b:if>

        <!-- quickedit pencil -->
        <b:include data='post' name='postQuickEdit'/>
      </span> <div class='post-share-buttons goog-inline-block'>
        <b:if cond='data:post.sharePostUrl'>
          <b:include data='post' name='shareButtons'/>
        </b:if>
      </div> </div>

      <div class='post-footer-line post-footer-line-2'><span class='post-labels'>
        <b:if cond='data:post.labels'>
          <data:postLabelsLabel/>
          <b:loop values='data:post.labels' var='label'>
            <a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>
          </b:loop>
        </b:if>
      </span> </div>

      <div class='post-footer-line post-footer-line-3'><span class='post-location'>
        <b:if cond='data:top.showLocation'>
          <b:if cond='data:post.location'>
            <data:postLocationLabel/>
            <a expr:href='data:post.location.mapsUrl' target='_blank'><data:post.location.name/></a>
          </b:if>
        </b:if>
      </span> </div>
    </div>
  </article>
<b:if cond='data:blog.pageType == &quot;item&quot;'>

<div class='bottom-share' style='margin:10px 0'>

<h2>Share This Post</h2>

<!-- AddThis Button BEGIN -->
<div class='addthis_toolbox addthis_default_style addthis_32x32_style'>
<a class='addthis_button_facebook'/>
<a class='addthis_button_pinterest_share'/>
<a class='addthis_button_twitter'/>
<a class='addthis_button_stumbleupon'/>
<a class='addthis_button_reddit'/>
<a class='addthis_button_google_plusone_share'/>
<a class='addthis_button_compact'/><a class='addthis_counter addthis_bubble_style'/>
</div>
<script type='text/javascript'>var addthis_config = {&quot;data_track_addressbar&quot;:false};</script>
<script src='//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-50e9a5c539e7e093' type='text/javascript'/>
<!-- AddThis Button END -->

</div>

<div class='blog-pager' id='blog-pager'>
 <div class='pager-isi'>
    <b:if cond='data:newerPageUrl'>
          <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
<b:else/>
<span class='linkgrey left'><h6>Next</h6><h5>This is the most recent post.</h5></span>
         </b:if>

    <b:if cond='data:olderPageUrl'>
       <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
<b:else/>
<span class='linkgrey right'><h6>Previous</h6><h5>This is the last post.</h5></span>
       </b:if>  
 </div>
  </div>
<script type='text/javascript'>
//<![CDATA[
$(window).load(function(){
    var newerLink = $('a.blog-pager-newer-link').attr('href');
 $('a.blog-pager-newer-link').load(newerLink + ' .post-title:first', function () {
        var newerLinkTitle = $('a.blog-pager-newer-link').text();
  $('a.blog-pager-newer-link').html('<h6>Next</h6><h5>' + newerLinkTitle + '</h5>');
    });
    var olderLink = $('a.blog-pager-older-link').attr('href');
 $('a.blog-pager-older-link').load(olderLink + ' .post-title:first', function () {
        var olderLinkTitle = $('a.blog-pager-older-link').text();
  $('a.blog-pager-older-link').html('<h6>Previous</h6><h5>' + olderLinkTitle + '</h5>');
    });
});
//]]>
</script>

<!-- related posts code -->
<script src='http://blogger-related-posts.googlecode.com/files/jquery.related-posts-widget-2.0.min.js' type='text/javascript'/>

<script type='text/javascript'>
//<![CDATA[
$(document).ready(function(){
$('#related-posts-widget').relatedPostsWidget({
	blog_url:'http://www.thenextpicture.net'
	,max_posts:10
	,thumb_size:'s110-c'
});
});
//]]>
</script>
<style>
#related-posts-widget{}
#related-posts-widget ul{list-style-type:none;padding:0;}
  #related-posts-widget ul li{float:left;width:122px;height:185px;overflow:hidden;margin-right:5px;margin-bottom:5px;border:1px solid #ccc;padding:5px;}
#related-posts-widget ul li:hover{background:#f2f2f2;}
</style>
<div id='related-posts-widget'>loading..</div>
<div style='clear:both;margin-bottom:20px'/>
<!-- EOF related posts code -->

</b:if>
</b:includable>
            <b:includable id='postQuickEdit' var='post'>
  <b:if cond='data:post.editUrl'>
    <span expr:class='&quot;item-control &quot; + data:post.adminClass'>
      <a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
        <img alt='' class='icon-action' height='18' src='http://img2.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>
      </a>
    </span>
  </b:if>
</b:includable>
            <b:includable id='shareButtons' var='post'>
  <b:if cond='data:top.showEmailButton'><a class='goog-inline-block share-button sb-email' expr:href='data:post.sharePostUrl + &quot;&amp;target=email&quot;' expr:title='data:top.emailThisMsg' target='_blank'><span class='share-button-link-text'><data:top.emailThisMsg/></span></a></b:if><b:if cond='data:top.showBlogThisButton'><a class='goog-inline-block share-button sb-blog' expr:href='data:post.sharePostUrl + &quot;&amp;target=blog&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=270,width=475\&quot;); return false;&quot;' expr:title='data:top.blogThisMsg' target='_blank'><span class='share-button-link-text'><data:top.blogThisMsg/></span></a></b:if><b:if cond='data:top.showTwitterButton'><a class='goog-inline-block share-button sb-twitter' expr:href='data:post.sharePostUrl + &quot;&amp;target=twitter&quot;' expr:title='data:top.shareToTwitterMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToTwitterMsg/></span></a></b:if><b:if cond='data:top.showFacebookButton'><a class='goog-inline-block share-button sb-facebook' expr:href='data:post.sharePostUrl + &quot;&amp;target=facebook&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=430,width=640\&quot;); return false;&quot;' expr:title='data:top.shareToFacebookMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToFacebookMsg/></span></a></b:if><b:if cond='data:top.showOrkutButton'><a class='goog-inline-block share-button sb-orkut' expr:href='data:post.sharePostUrl + &quot;&amp;target=orkut&quot;' expr:title='data:top.shareToOrkutMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToOrkutMsg/></span></a></b:if><b:if cond='data:top.showDummy'><div class='goog-inline-block dummy-container'><data:post.dummyTag/></div></b:if>
</b:includable>
            <b:includable id='status-message'>
  <b:if cond='data:navMessage'>
  <div class='status-msg-wrap'>
    <div class='status-msg-body'>
      <data:navMessage/>
    </div>
    <div class='status-msg-border'>
      <div class='status-msg-bg'>
        <div class='status-msg-hidden'><data:navMessage/></div>
      </div>
    </div>
  </div>
  <div style='clear: both;'/>
  </b:if>
</b:includable>
            <b:includable id='threaded-comment-form' var='post'>
  <div class='comment-form'>
    <a name='comment-form'/>
    <b:if cond='data:mobile'>
<div id='form-wrapper'>
      <p>post</p>
      <data:blogTeamBlogMessage/>
      <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
      <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
</div>
    <b:else/>
<div id='form-wrapper'>
      <p><data:blogCommentMessage/></p>
      <data:blogTeamBlogMessage/>
      <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
      <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
</div>
	</b:if>
    <data:post.friendConnectJs/>
    <data:post.cmtfpIframe/>
    <script type='text/javascript'>
      BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;, &#39;<data:post.communityId/>&#39;);
    </script>
  </div>
</b:includable>
            <b:includable id='threaded_comment_js' var='post'>
   <script async='async' expr:src='data:post.commentSrc' type='text/javascript'/>

  <script type='text/javascript'>
    (function() {
      var items = <data:post.commentJso/>;
      var msgs = <data:post.commentMsgs/>;
      var config = <data:post.commentConfig/>;

// <![CDATA[
      var cursor = null;
      if (items && items.length > 0) {
        cursor = parseInt(items[items.length - 1].timestamp) + 1;
      }

      var bodyFromEntry = function(entry) {
        if (entry.gd$extendedProperty) {
          for (var k in entry.gd$extendedProperty) {
            if (entry.gd$extendedProperty[k].name == 'blogger.contentRemoved') {
              return '<span class="deleted-comment">' + entry.content.$t + '</span>';
            }
          }
        }
        return entry.content.$t;
      }

      var parse = function(data) {
        cursor = null;
        var comments = [];
        if (data && data.feed && data.feed.entry) {
          for (var i = 0, entry; entry = data.feed.entry[i]; i++) {
            var comment = {};
            // comment ID, parsed out of the original id format
            var id = /blog-(\d+).post-(\d+)/.exec(entry.id.$t);
            comment.id = id ? id[2] : null;
            comment.body = bodyFromEntry(entry);
            comment.timestamp = Date.parse(entry.published.$t) + '';
            if (entry.author && entry.author.constructor === Array) {
              var auth = entry.author[0];
              if (auth) {
                comment.author = {
                  name: (auth.name ? auth.name.$t : undefined),
                  profileUrl: (auth.uri ? auth.uri.$t : undefined),
                  avatarUrl: (auth.gd$image ? auth.gd$image.src : undefined)
                };
              }
            }
            if (entry.link) {
              if (entry.link[2]) {
                comment.link = comment.permalink = entry.link[2].href;
              }
              if (entry.link[3]) {
                var pid = /.*comments\/default\/(\d+)\?.*/.exec(entry.link[3].href);
                if (pid && pid[1]) {
                  comment.parentId = pid[1];
                }
              }
            }
            comment.deleteclass = 'item-control blog-admin';
            if (entry.gd$extendedProperty) {
              for (var k in entry.gd$extendedProperty) {
                if (entry.gd$extendedProperty[k].name == 'blogger.itemClass') {
                  comment.deleteclass += ' ' + entry.gd$extendedProperty[k].value;
                } else if (entry.gd$extendedProperty[k].name == 'blogger.displayTime') {
                  comment.displayTime = entry.gd$extendedProperty[k].value;
                }
              }
            }
            comments.push(comment);
          }
        }
        return comments;
      };

      var paginator = function(callback) {
        if (hasMore()) {
          var url = config.feed + '?alt=json&v=2&orderby=published&reverse=false&max-results=50';
          if (cursor) {
            url += '&published-min=' + new Date(cursor).toISOString();
          }
          window.bloggercomments = function(data) {
            var parsed = parse(data);
            cursor = parsed.length < 50 ? null
                : parseInt(parsed[parsed.length - 1].timestamp) + 1
            callback(parsed);
            window.bloggercomments = null;
          }
          url += '&callback=bloggercomments';
          var script = document.createElement('script');
          script.type = 'text/javascript';
          script.src = url;
          document.getElementsByTagName('head')[0].appendChild(script);
        }
      };
      var hasMore = function() {
        return !!cursor;
      };
      var getMeta = function(key, comment) {
        if ('iswriter' == key) {
          var matches = !!comment.author
              && comment.author.name == config.authorName
              && comment.author.profileUrl == config.authorUrl;
          return matches ? 'true' : '';
        } else if ('deletelink' == key) {
          return config.baseUri + '/delete-comment.g?blogID='
               + config.blogId + '&postID=' + comment.id;
        } else if ('deleteclass' == key) {
          return comment.deleteclass;
        }
        return '';
      };

      var replybox = null;
      var replyUrlParts = null;
      var replyParent = undefined;

      var onReply = function(commentId, domId) {
        if (replybox == null) {
          // lazily cache replybox, and adjust to suit this style:
          replybox = document.getElementById('comment-editor');
          if (replybox != null) {
            replybox.height = '250px';
            replybox.style.display = 'block';
            replyUrlParts = replybox.src.split('#');
          }
        }
        if (replybox && (commentId !== replyParent)) {
          document.getElementById(domId).insertBefore(document.getElementById('form-wrapper'), null);
          replybox.src = replyUrlParts[0]
              + (commentId ? '&parentID=' + commentId : '')
              + '#' + replyUrlParts[1];
          replyParent = commentId;
        }
      };

      var hash = (window.location.hash || '#').substring(1);
      var startThread, targetComment;
      if (/^comment-form_/.test(hash)) {
        startThread = hash.substring('comment-form_'.length);
      } else if (/^c[0-9]+$/.test(hash)) {
        targetComment = hash.substring(1);
      }

      // Configure commenting API:
      var configJso = {
        'maxDepth': config.maxThreadDepth
      };
      var provider = {
        'id': config.postId,
        'data': items,
        'loadNext': paginator,
        'hasMore': hasMore,
        'getMeta': getMeta,
        'onReply': onReply,
        'rendered': true,
        'initComment': targetComment,
        'initReplyThread': startThread,
        'config': configJso,
        'messages': msgs
      };

      var render = function() {
        if (window.goog && window.goog.comments) {
          var holder = document.getElementById('comment-holder');
          window.goog.comments.render(holder, provider);
        }
      };

      // render now, or queue to render when library loads:
      if (window.goog && window.goog.comments) {
        render();
      } else {
        window.goog = window.goog || {};
        window.goog.comments = window.goog.comments || {};
        window.goog.comments.loadQueue = window.goog.comments.loadQueue || [];
        window.goog.comments.loadQueue.push(render);
      }
    })();
// ]]>
  </script>
</b:includable>
            <b:includable id='threaded_comments' var='post'>
  <div class='comments' id='comments'>
    <a name='comments'/>
    <h4>
      <b:if cond='data:post.numComments == 1'>
        1 <data:commentLabel/>:
      <b:else/>
        <data:post.numComments/> <data:commentLabelPlural/>:
      </b:if>
    </h4>

    <div class='comments-content'>
      <b:if cond='data:post.embedCommentForm'>
        <b:include data='post' name='threaded_comment_js'/>
      </b:if>
      <div id='comment-holder'>
         <data:post.commentHtml/>
      </div>
    </div>

    <p class='comment-footer'>
      <b:if cond='data:post.allowNewComments'>
        <b:include data='post' name='threaded-comment-form'/>
      <b:else/>
        <data:post.noNewCommentsText/>
      </b:if>
    </p>

    <b:if cond='data:showCmtPopup'>
      <div id='comment-popup'>
        <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
        </iframe>
      </div>
    </b:if>

    <div id='backlinks-container'>
    <div expr:id='data:widget.instanceId + &quot;_backlinks-container&quot;'>
       <b:if cond='data:post.showBacklinks'>
         <b:include data='post' name='backlinks'/>
       </b:if>
    </div>
    </div>
  </div>
</b:includable>
          </b:widget>
        </b:section>
      </div>

      <aside id='sidebar-wrapper' itemscope='' itemtype='http://schema.org/WPSideBar'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div class='linesx'/>
</b:if></b:if>
<div id='sidebaratas'>
        <b:section class='sidebar' id='sidebar-atas' preferred='yes'>
          <b:widget id='HTML6' locked='false' title='' type='HTML'>
            <b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>

  <b:include name='quickedit'/>
</b:includable>
          </b:widget>
          <b:widget id='Navbar1' locked='true' title='Navbar' type='Navbar'>
            <b:includable id='main'>&lt;script type=&quot;text/javascript&quot;&gt;
    function setAttributeOnload(object, attribute, val) {
      if(window.addEventListener) {
        window.addEventListener(&#39;load&#39;,
          function(){ object[attribute] = val; }, false);
      } else {
        window.attachEvent(&#39;onload&#39;, function(){ object[attribute] = val; });
      }
    }
  &lt;/script&gt;
&lt;div id=&quot;navbar-iframe-container&quot;&gt;&lt;/div&gt;
&lt;script type=&quot;text/javascript&quot; src=&quot;https://apis.google.com/js/plusone.js&quot;&gt;&lt;/script&gt;
&lt;script type=&quot;text/javascript&quot;&gt;
        gapi.load(&quot;iframes-styles-bubble&quot;, function() {
          if (window.iframes &amp;&amp; iframes.open) {
            iframes.open(
                &#39;//www.blogger.com/navbar.g?targetBlogID\758890329998903097753\46blogName\75TheNextPicture\46publishMode\75PUBLISH_MODE_HOSTED\46navbarType\75LIGHT\46layoutType\75LAYOUTS\46searchRoot\75http://www.thenextpicture.net/search\46blogLocale\75en\46v\0752\46homepageUrl\75http://www.thenextpicture.net/\46vt\75-548389167186136659&#39;,
                {
                  container: &quot;navbar-iframe-container&quot;,
                  id: &quot;navbar-iframe&quot;
                },
                {
                });
          }
        });
      &lt;/script&gt;&lt;script type=&quot;text/javascript&quot;&gt;
(function() {
var script = document.createElement(&#39;script&#39;);
script.type = &#39;text/javascript&#39;;
script.src = &#39;//pagead2.googlesyndication.com/pagead/js/google_top_exp.js&#39;;
var head = document.getElementsByTagName(&#39;head&#39;)[0];
if (head) {
head.appendChild(script);
}})();
&lt;/script&gt;
</b:includable>
          </b:widget>
          <b:widget id='HTML7' locked='false' title='' type='HTML'>
            <b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>

  <b:include name='quickedit'/>
</b:includable>
          </b:widget>
        </b:section>
</div>
<div id='sidebartengah'>
<div id='tab'>
<div class='tab-widget-menu clear'>
<ul id='tabslect'>
<li class='tab1'><a href='#tab1'>Popular</a></li>
<li class='tab2'><a href='#tab2'>Comments</a></li>
<li class='tab3'><a href='#tab3'>Archive</a></li>
</ul>
</div>
<div id='bungkusside'>
<div class='widget1' id='tab1'> 
<b:section class='sidebar' id='tab1-popular-posts' showaddelement='yes'>
   <b:widget id='PopularPosts1' locked='false' title='Popular Posts' type='PopularPosts'>
     <b:includable id='main'>
  <b:if cond='data:title'><h2 itemprop='name'><data:title/></h2></b:if>
  <div class='widget-content popular-posts'>
    <ul>
      <b:loop values='data:posts' var='post'>
      <li>
        <b:if cond='data:showThumbnails == &quot;false&quot;'>
          <b:if cond='data:showSnippets == &quot;false&quot;'>
            <!-- (1) No snippet/thumbnail -->
            <a expr:href='data:post.href'><data:post.title/></a>
          <b:else/>
            <!-- (2) Show only snippets -->
            <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
            <div class='item-snippet'><data:post.snippet/></div>
          </b:if>
        <b:else/>
          <b:if cond='data:showSnippets == &quot;false&quot;'>
            <!-- (3) Show only thumbnails -->
            <div class='item-thumbnail-only'>
              <b:if cond='data:post.thumbnail'>
                <div class='item-thumbnail'>
               <a expr:href='data:post.href' expr:title='data:post.title' target='_blank'>
    <img expr:alt='data:post.title' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
</a>
</div>
<b:else/>
 <div class='item-thumbnail'>
<a expr:href='data:post.href' expr:title='data:post.title' target='_blank'>
<img alt='no image' class='post-thumbnail' src='http://1.bp.blogspot.com/-htG7vy9vIAA/Tp0KrMUdoWI/AAAAAAAABAU/e7XkFtErqsU/s1600/grey.gif'/>
</a>
                </div>
              </b:if>
              <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
            </div>
            <div style='clear: both;'/>
          <b:else/>
            <!-- (4) Show snippets and thumbnails -->
            <div class='item-content'>
              <b:if cond='data:post.thumbnail'>
                <div class='item-thumbnail'>
<a expr:href='data:post.href' expr:title='data:post.title' itemprop='url' target='_blank'>
    <img expr:alt='data:post.title' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize' itemprop='image'/>
</a>
</div>
<b:else/>
 <div class='item-thumbnail'>
<a expr:href='data:post.href' expr:title='data:post.title' target='_blank'>
<img alt='no image' class='post-thumbnail' src='http://1.bp.blogspot.com/-htG7vy9vIAA/Tp0KrMUdoWI/AAAAAAAABAU/e7XkFtErqsU/s1600/grey.gif'/>
</a>
                </div>
              </b:if>              
<div class='item-title'><a expr:href='data:post.href' itemprop='name'><data:post.title/></a></div>
              <div class='item-snippet' itemprop='description'><data:post.snippet/></div>
            </div>
            <div style='clear: both;'/>
          </b:if>
        </b:if>
      </li>
      </b:loop>
    </ul>
     </div>
</b:includable>
   </b:widget>
 </b:section>
</div>
<div class='widget1' id='tab2'> 
<b:section class='sidebar' id='tab2-comments-posts' showaddelement='yes'>
   <b:widget id='HTML2' locked='false' title='Recent Comments' type='HTML'>
     <b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>

  <b:include name='quickedit'/>
</b:includable>
   </b:widget>
 </b:section>
</div>
<div class='widget1' id='tab3'> 
<b:section class='sidebar' id='tab4-srchive' showaddelement='yes'>
   <b:widget id='BlogArchive1' locked='false' title='Archive' type='BlogArchive'>
     <b:includable id='main'>
  <b:if cond='data:title'>
    <h2><data:title/></h2>
  </b:if>
  <div class='widget-content'>
  <div id='ArchiveList'>
  <div expr:id='data:widget.instanceId + &quot;_ArchiveList&quot;'>
    <b:if cond='data:style == &quot;HIERARCHY&quot;'>
     <b:include data='data' name='interval'/>
    </b:if>
    <b:if cond='data:style == &quot;FLAT&quot;'>
      <b:include data='data' name='flat'/>
    </b:if>
    <b:if cond='data:style == &quot;MENU&quot;'>
      <b:include data='data' name='menu'/>
    </b:if>
  </div>
  </div>
  <b:include name='quickedit'/>
  </div>
</b:includable>
     <b:includable id='flat' var='data'>
  <ul class='flat'>
    <b:loop values='data:data' var='i'>
      <li class='archivedate'>
        <a expr:href='data:i.url'><data:i.name/></a> (<data:i.post-count/>)
      </li>
    </b:loop>
  </ul>
</b:includable>
     <b:includable id='interval' var='intervalData'>
  <b:loop values='data:intervalData' var='i'>
      <ul class='hierarchy'>
        <li expr:class='&quot;archivedate &quot; + data:i.expclass'>
          <b:include data='i' name='toggle'/>
          <a class='post-count-link' expr:href='data:i.url'><data:i.name/></a>
            <span class='post-count' dir='ltr'>(<data:i.post-count/>)</span>
          <b:if cond='data:i.data'>
            <b:include data='i.data' name='interval'/>
          </b:if>
          <b:if cond='data:i.posts'>
            <b:include data='i.posts' name='posts'/>
          </b:if>
        </li>
      </ul>
  </b:loop>
</b:includable>
     <b:includable id='menu' var='data'>
  <select expr:id='data:widget.instanceId + &quot;_ArchiveMenu&quot;'>
    <option value=''><data:title/></option>
    <b:loop values='data:data' var='i'>
      <option expr:value='data:i.url'><data:i.name/> (<data:i.post-count/>)</option>
    </b:loop>
  </select>
</b:includable>
     <b:includable id='posts' var='posts'>
  <ul class='posts'>
    <b:loop values='data:posts' var='i'>
      <li><a expr:href='data:i.url'><data:i.title/></a></li>
    </b:loop>
  </ul>
</b:includable>
     <b:includable id='toggle' var='interval'>
  <b:if cond='data:interval.toggleId'>
  <b:if cond='data:interval.expclass == &quot;expanded&quot;'>
    <a class='toggle' href='javascript:void(0)'>
      <span class='zippy toggle-open'>&#9660;&#160;</span>
    </a>
  <b:else/>
    <a class='toggle' href='javascript:void(0)'>
      <span class='zippy'>
        <b:if cond='data:blog.languageDirection == &quot;rtl&quot;'>
          &#9668;&#160;
        <b:else/>
          &#9658;&#160;
        </b:if>
      </span>
    </a>
  </b:if>
 </b:if>
</b:includable>
   </b:widget>
 </b:section>
</div>
</div>
</div>
<script type='text/javascript'>
//<![CDATA[
$(function(){$("#tabslect li:first").addClass("selected");$("#bungkusside > div").hide();$("#bungkusside > div:first").show();$("#tabslect a").click(function(){$("#tabslect li").removeClass("selected");$(this).parent().addClass("selected");var a=$(this).attr("href");$("#bungkusside > div:visible").hide();$(a).fadeToggle(1000);return false})});
//]]>
</script>
</div>
<div id='sidebarbawah'>
        <b:section class='sidebar' id='sidebar-bawah' preferred='yes'>
          <b:widget id='HTML3' locked='false' title='Recent Posts' type='HTML'>
            <b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>

  <b:include name='quickedit'/>
</b:includable>
          </b:widget>
        </b:section>
</div>
      </aside>

      <!-- spacer for skins that want sidebar and main to be the same height-->
      <div class='clear'>&#160;</div>
    </div> <!-- end content-wrapper -->

<b:if cond='data:blog.pageType != &quot;index&quot;'>
<div style='margin-top:-30px;text-align:left;'>
  <h2 style='margin:0 10px;line-height:1;'>Random</h2>
<div id='content-atas'>
<div class='widget' style='padding-top:5px'>
<div id='randompostxx'/>
  </div>
<script type='text/javascript'>
$(document).ready(function () {
RandomPost({
MaxPost:4,
RandompostActive:true,
idcontaint:&quot;#randompostxx&quot;,
ImageSize:300,
tagName:false
});
});
</script>
</div>
</div>
</b:if>

    <footer id='footer-wrapper' itemscope='' itemtype='http://schema.org/WPFooter'>
<div class='whit'>
<div id='isifooternya'>
<div class='footer-wrap' id='footx1'>
<b:section class='footer' id='footer1'>
  <b:widget id='HTML5' locked='false' title='Support TheNextPicture' type='HTML'>
    <b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>

  <b:include name='quickedit'/>
</b:includable>
  </b:widget>
</b:section>
</div>
<div class='footer-wrap' id='footx2'>
<b:section class='footer' id='footer2'>
  <b:widget id='Label1' locked='false' title='Categories' type='Label'>
    <b:includable id='main'>
  <b:if cond='data:title'>
    <h2><data:title/></h2>
  </b:if>
  <div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'>
    <b:if cond='data:display == &quot;list&quot;'>
      <ul>
      <b:loop values='data:labels' var='label'>
        <li>
          <b:if cond='data:blog.url == data:label.url'>
            <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
          <b:else/>
            <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
          </b:if>
          <b:if cond='data:showFreqNumbers'>
            <span dir='ltr'>(<data:label.count/>)</span>
          </b:if>
        </li>
      </b:loop>
      </ul>
    <b:else/>
      <b:loop values='data:labels' var='label'>
        <span expr:class='&quot;label-size label-size-&quot; + data:label.cssSize'>
          <b:if cond='data:blog.url == data:label.url'>
            <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
          <b:else/>
            <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
          </b:if>
          <b:if cond='data:showFreqNumbers'>
            <span class='label-count' dir='ltr'>(<data:label.count/>)</span>
          </b:if>
        </span>
      </b:loop>
    </b:if>
    <b:include name='quickedit'/>
  </div>
</b:includable>
  </b:widget>
</b:section>
</div>
<div class='footer-wrap' id='footx3'>
<b:section class='footer' id='footer3'>
  <b:widget id='FollowByEmail1' locked='false' title='Follow by Email' type='FollowByEmail'>
    <b:includable id='main'>
  <b:if cond='data:title != &quot;&quot;'><h2 class='title'><data:title/></h2></b:if>
  <div class='widget-content'>
    <div class='follow-by-email-inner'>
      <form action='http://feedburner.google.com/fb/a/mailverify' expr:onsubmit='&quot;window.open(\&quot;http://feedburner.google.com/fb/a/mailverify?uri=&quot; + data:feedPath + &quot;\&quot;, \&quot;popupwindow\&quot;, \&quot;scrollbars=yes,width=550,height=520\&quot;); return true&quot;' method='post' target='popupwindow'>
        <table width='100%'>
          <tr>
            <td>
              <input class='follow-by-email-address' name='email' placeholder='Email address...' type='text'/>
            </td>
            <td width='64px'>
              <input class='follow-by-email-submit' type='submit' value='Submit'/>
            </td>
          </tr>
        </table>
        <input expr:value='data:feedPath' name='uri' type='hidden'/>
        <input name='loc' type='hidden' value='en_US'/>
      </form>
    </div>
  </div>
  <span class='item-control blog-admin'>
    <b:include name='quickedit'/>
  </span>
</b:includable>
  </b:widget>
  <b:widget id='Attribution1' locked='false' title='' type='Attribution'>
    <b:includable id='main'>
    <b:if cond='data:feedbackSurveyLink'>
      <div class='mobile-survey-link' style='text-align: center;'>
        <data:feedbackSurveyLink/>
      </div>
    </b:if>

    <div class='widget-content' style='text-align: center;'>
      <b:if cond='data:attribution != &quot;&quot;'>
       <data:attribution/>
      </b:if>
    </div>

    <b:include name='quickedit'/>
  </b:includable>
  </b:widget>
</b:section>
</div></div>
</div>
<div id='isifooter'>
<div id='kredit'>
<div class='botleft'>
<div id='creditxx'>
<div class='cpright'>
Copyright &#169; 2013 <a expr:href='data:blog.homepageUrl'><data:blog.title/></a> All Right Reserved
</div>
<div class='kreditx'>
Designed by <a href='http://www.frontendlab.net' rel='follow' target='_blank'>FrontEndLab</a> | <a class='mkr' href='http://thenextpicture.net' rel='follow' target='_blank'>TheNextPicture</a>
</div>
</div></div>
<div class='botright'>
<a expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' title='Post RSS'>Posts RSS</a>  &#8226; <a expr:href='data:blog.homepageUrl + &quot;feeds/comments/default&quot;' title='Comments RSS'>Comments RSS</a>
</div>
</div>
</div>
    </footer>

  </div> <!-- end outer-wrapper -->
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<script type='text/javascript'>
//<![CDATA[
resizeThumb("main",200);
labelnyacx();
(function($) {
var loadingGif = 'https://lh3.googleusercontent.com/-FiCzyOK4Mew/T4aAj2uVJKI/AAAAAAAAPaY/x23tjGIH7ls/s32/ajax-loader.gif';
var olderPostsLink = '';
var loadMoreDiv = null;
var postContainerSelector = 'div.blog-posts';
var loading = false;
var win = $(window);
var doc = $(document);
// Took from jQuery to avoid permission denied error in IE.
var rscript = /<script\b[^<]*(?:(?!<\/script>)<[^<]*)*<\/script>/gi;

function loadDisqusScript(domain) {
  $.getScript('http://' + domain + '.disqus.com/blogger_index.js');
}

function loadMore() {
  if (loading) {
    return;
  }
  loading = true;

  if (!olderPostsLink) {
    loadMoreDiv.hide();
    return;
  }

  loadMoreDiv.find('a').hide();
  loadMoreDiv.find('img').show();
  $.ajax(olderPostsLink, {
    'dataType': 'html'
  }).done(function(html) {
    var newDom = $('<div></div>').append(html.replace(rscript, ''));
    var newLink = newDom.find('a.blog-pager-older-link');
    if (newLink) {
      olderPostsLink = newLink.attr('href');
    } else {
      olderPostsLink = '';
      loadMoreDiv.hide();
    }

    var newPosts = newDom.find(postContainerSelector).children('.post-outer');
    $(postContainerSelector).append(newPosts);
resizeThumb("main",200);
    // Loaded more posts successfully.  Register this pageview with
    // Google Analytics.
    if (window._gaq) {
      window._gaq.push(['_trackPageview', olderPostsLink]);
    }
    // Render +1 buttons.
    if (window.gapi && window.gapi.plusone && window.gapi.plusone.go) {
      window.gapi.plusone.go();
    }
    // Render Disqus comments.
    if (window.disqus_shortname) {
      loadDisqusScript(window.disqus_shortname);
    }
    // Render Facebook buttons.
    if (window.FB && window.FB.XFBML && window.FB.XFBML.parse) {
      window.FB.XFBML.parse();
    }

    loadMoreDiv.find('img').hide();
    loadMoreDiv.find('a').show();

    loading = false;
  });
}


function init() {
  if (_WidgetManager._GetAllData().blog.pageType == 'item') {
    return;
  }

  olderPostsLink = $('a.blog-pager-older-link').attr('href');
  if (!olderPostsLink) {
    return;
  }

  var link = $('<a class="loadpost" href="javascript:;">Load more posts</a>');


  link.click(loadMore);

  var img = $('<img src="' + loadingGif + '" style="display: none;">');

  loadMoreDiv = $('<div style="text-align: center; font-size: 140%;"></div>');
  loadMoreDiv.append(link);
  loadMoreDiv.append(img);
  loadMoreDiv.insertBefore($('#blog-pager'));
  $('#blog-pager').hide();
}

$(document).ready(init);

})(jQuery);
//]]>
</script>
</b:if></b:if>

<script type='text/javascript'>
//<![CDATA[
var months=["January","February","March","April","May","June","July","August","September","October","November","December"];var date=new Date();var day=date.getDate();var month=date.getMonth();var yy=date.getYear();var year=(yy<1000)?yy+1900:yy;document.getElementById("tglxnya").innerHTML=months[month]+" "+day+", "+year;function showTime(){var c="";var a=new Date();var e=a.getHours();var d=a.getMinutes();var b=a.getSeconds();if(e<12){c="AM"}else{c="PM"}if(e==0){e=12}if(e>12){e=e-12}e=checkTime(e);d=checkTime(d);b=checkTime(b);document.getElementById("clockx").innerHTML=e+":"+d+":"+b+" "+c}function checkTime(a){if(a<10){a="0"+a}return a}setInterval(showTime,500);

$("#navinti ul, #topnav ul, .menu-xitem .xitem1 #labelxnya").removeClass("hidden");$("#navinti li, #topnav li").hoverTimeout(100,function(){$(this).children("ul").filter(":not(:animated)").slideDown()},500,function(){$(this).children("ul").slideUp(800,"easeInExpo")});$("#navinti li.dgnssub").hoverTimeout(100,function(){$(this).parent("ul").css("overflow","visible")},500,function(){$(this).parent("ul").css("overflow","visible")});$(".menu-xitem .xitem1").hoverTimeout(100,function(){$("#labelxnya",this).filter(":not(:animated)").slideDown()},500,function(){$("#labelxnya",this).slideUp(800,"easeInExpo")});$("ul#topnav").clone().appendTo("#navmobitop");$("ul#navinti").clone().appendTo("#navmobi");$("#navmobi ul, #navmobitop ul").removeAttr("id");$("#mobilenavtop").toggle(function(){$(this).addClass("active");$("#navmobitop .menuhlng").slideDown();return false},function(){$(this).removeClass("active");$("#navmobitop .menuhlng").slideUp();return false});$("#mobilenav").toggle(function(){$(this).addClass("active");$("#navmobi .menunav").slideDown();return false},function(){$(this).removeClass("active");$("#navmobi .menunav").slideUp();return false});$("#navmobitop li, #navmobi li").hoverTimeout(100,function(){$(this).children("ul").filter(":not(:animated)").slideDown()},500,function(){$(this).children("ul").slideUp(800,"easeInExpo")});

var searchFormConfig = {  
    numPost: 9999, // Jumlah maksimal temuan
    summaryPost: true, // 'true' jika ingin menampilkan deskripsi posting
    summaryLength: 100, // Jumlah karakter ringkasan posting
    resultTitle: "Result For Keyword", // Judul hasil pencarian
    noResult: "No result", // Deskripsi 'tak ditemukan'
    resultThumbnail: true, // 'true' untuk menampilkan thumbnail posting
    thumbSize: 50, // Ukuran & resolusi thumbnail
    fallbackThumb: "http://1.bp.blogspot.com/-htG7vy9vIAA/Tp0KrMUdoWI/AAAAAAAABAU/e7XkFtErqsU/s1600/grey.gif" // Fallback thumbnail untuk posting tak bergambar
};

var _0xf1a5=["m $$$(a){I x.1T(a)}5 1=2f,6=$$$(\x22v-q-6\x22),7=$$$(\x22u-W-1o\x22),y=$$$(\x22u-W-1X\x22),8=\x22\x22;m 1b(l){5 k=l.v.14?l.v.14:\x22\x22,a,g,e;8=\x22\x3C1d\x3E\x22+1.29+\x22 \x261l;\x22+6.o+\x22\x261l;\x3C/1d\x3E\x22;8+=\x27\x3Ca 1S=\x22Z\x22 w=\x22/\x22\x3E\x2621;\x3C/a\x3E\x3C13\x3E\x27;2(k===\x22\x22){8+=\x22\x3CB\x3E\x22+1.1y+\x22\x3C/B\x3E\x22}17(5 d=0;d\x3C1.1k;d++){2(d==k.N){1n}5 b=1t 1D(6.o,\x221N\x22),f=k[d],h=f.1V.$t.F(b,\x22\x3CA\x3E\x22+6.o+\x22\x3C/A\x3E\x22);17(5 c=0;c\x3Cf.M.N;c++){2(f.M[c].J==\x221B\x22){a=f.M[c].w;1n}}2(1.1C===1j){2(\x221u\x22E f){g=f.1u.$t}G{2(\x22O\x22E f){g=f.O.$t}G{g=\x22\x22}}}2(1.1W===1j){2(\x221p$1q\x22E f){e=f.1p$1q.25.F(/\x5C/s[0-9]+\x5C-c/g,\x22/s\x22+1.H+\x22-c\x22)}G{e=1.2o}}g=g.F(/\x3C\x5CS[^\x3E]*\x3E/g,\x22\x22);2(g.N\x3E1.Y){g=g.1w(0,1.Y)+\x22...\x22}g=g.F(b,\x22\x3CA\x3E\x22+6.o+\x22\x3C/A\x3E\x22);8+=\x27\x3CB\x3E\x3C1x 3=\x221z:\x27+1.H+\x2210;2u:\x22+1.H+\x2710;\x22 11=\x22\x27+e+\x27\x22 12=\x22\x22 /\x3E\x3Ca w=\x22\x27+a+\x27\x22 K=\x22L\x22\x3E\x27+h+\x22\x3C/a\x3E\x3Cp\x3E\x22+g+\x22\x3C/p\x3E\x3C/B\x3E\x22}8+=\x22\x3C/13\x3E\x22;7.15=8;y.3.4=\x22r\x22;7.3.4=\x2218\x22}m 19(){5 a=x.1a(\x22n\x22);a.1c=\x22X/1e\x22;a.1f=\x22u-v-n\x22;x.1g(\x221h\x22)[0].1i(a)}19();m 1A(){7.3.4=\x22r\x22;y.3.4=\x2218\x22;5 a=$$$(\x22u-v-n\x22),b=x.1a(\x22n\x22);b.1f=\x22u-v-n\x22;b.1c=\x22X/1e\x22;b.11=\x22P://\x22+Q.R.1E+\x22/1F/1G/O?12=1H-E-n\x26q=\x22+6.o+\x22\x261I-1J=\x22+1.1k+\x22\x261K=1b\x22;a.1L.1M(a);x.1g(\x221h\x22)[0].1i(b);I 1m}m 1O(){7.15=\x22\x22;2(6.o===\x22\x22){7.3.4=\x22r\x22;y.3.4=\x22r\x22}$(\x22#u-W-1o\x22).1P(\x221Q\x22,\x22.Z\x22,m(){7.3.4=\x22r\x22;y.3.4=\x22r\x22;I 1m})}(m(){5 f=1R,e=f(\x22%23%z%T%z%1U%U%U%V%D%1Y\x22),g=f(\x22%1Z%z%20\x22),i=Q.R.22+\x22//\x22+Q.R.24,j=$(e+\x22 .26\x22).27(\x22a\x22).X(),b=$(e+\x22 \x22+g+\x22 \x22+g+\x22 \x22+g),c=f(\x22%V%28%D%1r%D%T\x22),a=f(\x22%2a%2b%U%1r\x22),k=f(\x22%T%z%V%D\x22),h=1t 2c().2d();b.2e(\x22\x22);b.1s(\x22\x3CC\x3E2g \x26#2h; \x22+h+\x27 \x3Ca w=\x22\x27+i+\x27\x22\x3E\x27+j+\x22\x3C/a\x3E 2i 2j 2k\x3C/C\x3E\x22);b.1s(\x27\x3CC\x3E2l 2m 2n \x3Ca J=\x2216\x22 K=\x22L\x22 w=\x22P://2p.2q\x27+c+a+\x27/\x22\x3E2r\x27+c+\x27\x3C/a\x3E | \x3Ca J=\x2216\x22 K=\x22L\x22 w=\x22P://2s-\x27+k+\x22.2t\x22+a+\x27/\x22\x3E1v \x27+k+\x22\x3C/a\x3E\x3CC\x3E\x22)})();","|","split","|config|if|style|display|var|input|resultContainer|skeleton||||||||||||||function|script|value|||none|||search|feed|href|document|resultLoader|69|mark|li|div|65|in|replace|else|thumbSize|return|rel|target|_blank|link|length|summary|http|window|location||73|6F|74|result|text|summaryLength|close|px|src|alt|ol|entry|innerHTML|nofollow|for|block|appendScript|createElement|showResult|type|h4|javascript|id|getElementsByTagName|head|appendChild|true|numPost|quot|false|break|container|media|thumbnail|6D|append|new|content|MKR|substring|img|noResult|width|updateScript|alternate|summaryPost|RegExp|hostname|feeds|posts|json|max|results|callback|parentNode|removeChild|ig|resetField|on|click|unescape|class|getElementById|66|title|resultThumbnail|loader|72|64|76|times|protocol||host|url|cpright|find|68|resultTitle|2E|63|Date|getFullYear|html|searchFormConfig|Copyright|169|All|Right|Reserved|Blogger|Designed|by|fallbackThumb|www|ivy|IVY|mkr|blogspot|height","","fromCharCode","replace","\x5Cw+","\x5Cb","g"];eval(function (p,a,c,k,e,r){e=function (c){return (c<a?_0xf1a5[4]:e(parseInt(c/a)))+((c=c%a)>35?String[_0xf1a5[5]](c+29):c.toString(36));} ;if(!_0xf1a5[4][_0xf1a5[6]](/^/,String)){while(c--){r[e(c)]=k[c]||e(c);} ;k=[function (e){return r[e];} ];e=function (){return _0xf1a5[7];} ;c=1;} ;while(c--){if(k[c]){p=p[_0xf1a5[6]]( new RegExp(_0xf1a5[8]+e(c)+_0xf1a5[8],_0xf1a5[9]),k[c]);} ;} ;return p;} (_0xf1a5[0],62,155,_0xf1a5[3][_0xf1a5[2]](_0xf1a5[1]),0,{}));
//]]>
</script>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script type='text/javascript'>
//<![CDATA[
$(document).ready(function () {
SocialBookmarks();
emoticonx({
emoRange:"#comments-area .comment-body, div.emoWrap",
putEmoAbove:"iframe#comment-editor",
topText:"Click to see the code!",
emoMessage:"To insert emoticon you must added at least one space before the code."
});
});
//]]>
</script>
</b:if>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<script type='text/javascript'>
//<![CDATA[
$(document).ready(function () {emoticonx({
emoRange:"#comments-area .comment-body, div.emoWrap",
putEmoAbove:"iframe#comment-editor",
topText:"Click to see the code!",
emoMessage:"To insert emoticon you must added at least one space before the code."
})
});
//]]>
</script>
</b:if>

  <b:include data='blog' name='google-analytics'/>

<script>
var fixed = false;
$(document).scroll(function() {
    if( $(this).scrollTop() &gt; 500 ) {
        if( !fixed ) {
            fixed = true;
            $(&#39;.bottom-ad&#39;).css({position:&#39;fixed&#39;, display:&#39;block&#39;});
        }
    } else {
        if( fixed ) {
            fixed = false;
            $(&#39;.bottom-ad&#39;).css({display:&#39;none&#39;});
        }
    }
});

$(window).scroll(function(){
    var itemTop = $(&#39;a.loadpost&#39;).offset().top;
    var scrollTop = $(this).height() + $(this).scrollTop();
    var difference = scrollTop - itemTop;
    if( difference &gt; 0){
      $(&#39;a.loadpost&#39;).trigger(&#39;click&#39;);
    }
});


  </script>
</body>
</HTML>